IE 8 и IE 9 HTML / CSS рендеринг проблема - PullRequest
Новая
       30

IE 8 и IE 9 HTML / CSS рендеринг проблема

1 голос
/ 11 апреля 2011

У меня проблема только в IE 8 и 9. По какой-то причине фоновое изображение для тега div дублируется, и часть содержимого перетекает в дублированное изображение в следующей строке.Эта проблема не возникает в Chrome, Safari, FireFox или более старых версиях IE.

На приведенном ниже снимке экрана показан правильный способ его отображения, который взят из FireFox 3.6:

enter image description here

Теперь, если вы посмотрите на снимок экрана нижесо страницы IE8 вы можете увидеть проблему, которая у меня возникла.Проблема начинается со строки, где вы видите изображение с именем Anchor.Обратите внимание, что фоновое изображение дублируется на строку, и часть содержимого переходит к нему.enter image description here

Если перейти по указанному ниже URL-адресу, вы увидите живой сайт: http://server1.todaysinternet.net/~kingdoms/index.php?option=com_jreviews&url=tag/listingcategories/appliances-_m166&Itemid=226#

1 Ответ

4 голосов
/ 11 апреля 2011

Всегда сначала проверьте перед попыткой отладки:

Обнаружены ошибки при проверке этого документа как переходного XHTML 1.0!

Результат: 234 ошибки, 2 предупреждения(s)

На первый взгляд, вы неправильно используете атрибут id, предполагается, что он уникален, и вы применили один и тот же атрибут к нескольким элементам.У вас также есть несколько тегов, которые не закрываются должным образом.

Браузеры, которые выглядят хорошо для вас, просто прощают, а IE - нет.Я бы посоветовал удостовериться, что ваша страница проверена, прежде чем идти дальше с вашим дизайном.Как только вы получите действительный html, вам будет намного легче отладить время и, возможно, увидите, что проблема исчезла.

...