Перейти к содержимому


Страницы Разъехались


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 126 сообщений

Отправлено 13 Июль 2015 - 16:59

Добрый день!
На сайте разъезжаются некоторые страницы в браузерах Гугл Хром и ИЕ. В Мозиле страницы отображаются корректно. Работаю в Мозиле поэтому ошибку заметил не сразу.

Вот примеры страниц, которые разъезжаются: http://mirtentorium....рем-2?from=NDBh
http://mirtentorium....goods/Апи-Спира
Прикрепляю также скриншот страницы.

Просьба подсказать, как исправить эту ошибку?

Прикрепленные изображения

  • скриншот1.png


#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 13 Июль 2015 - 17:30

Просмотр сообщенияpasha00 (13 Июль 2015 - 16:59) писал:

Добрый день!
На сайте разъезжаются некоторые страницы в браузерах Гугл Хром и ИЕ. В Мозиле страницы отображаются корректно. Работаю в Мозиле поэтому ошибку заметил не сразу.

Вот примеры страниц, которые разъезжаются: http://mirtentorium....рем-2?from=NDBh
http://mirtentorium....goods/Апи-Спира
Прикрепляю также скриншот страницы.

Просьба подсказать, как исправить эту ошибку?

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.content {
  max-width: 1200px;
  min-width: 1000px;
  margin: auto;
  border: 1px solid #DCECF7;
  border-top: 0px;
}

И замените его вот этим вот кодом:

.content {
  max-width: 1330px;
  min-width: 1000px;
  margin: auto;
  border: 1px solid #DCECF7;
  border-top: 0px;
}


#3 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 126 сообщений

Отправлено 14 Июль 2015 - 00:20

Это попытка расширить границы страницы. Но она не решает проблемы, а только отодвигает правую границу еще правее. И то только при ширине экрана больше 1330 пикселей.
Что при этом получается можно посмотреть в сравнении на двух скриншотах.
А как исправить саму ошибку?

Прикрепленные изображения

  • скриншот2.png
  • скриншот3.png


#4 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 126 сообщений

Отправлено 15 Июль 2015 - 18:40

Большая просьба помочь решить проблему...

#5 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 126 сообщений

Отправлено 16 Июль 2015 - 00:37

Проблему пришлось решать методом научного тыка.
Данный метод позволил частично убрать неполадки за счет следующих изменений:
1. код
.contentTableHeadCart			   {width:1%;vertical-align:middle;}
заменил на
.contentTableHeadCart			   {width:300px;vertical-align:middle;}
2. код
.goodsDataOpinionListTable {width:900px;}
заменил на
.goodsDataOpinionListTable {width:750px;}

В Мозиле и Гугл Хром теперь все отображается нормально. Но в ИЕ верстка все-равно немного расползается по непонятной причине.

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 16 Июль 2015 - 02:39

В шаблоне HTML найдите и удалите:
<meta http-equiv="X-UA-Compatible" content="IE=7" />


#7 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 126 сообщений

Отправлено 16 Июль 2015 - 13:31

Просмотр сообщенияVaccina (16 Июль 2015 - 02:39) писал:

В шаблоне HTML найдите и удалите:
<meta http-equiv="X-UA-Compatible" content="IE=7" />

Спасибо! В ИЕ теперь тоже все нормализовалось.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных