Ошибка отображения элемента списка в IE?

Кто-нибудь видел такое раньше - и можно ли что-нибудь с этим поделать? Эта ссылка представляет собой снимок экрана в формате PNG с отображением списка в IE - если вы внимательно посмотрите, высота строки каждого элемента становится немного больше для каждого последующего элемента. Внешний вид веб-сайта полностью контролируется CSS.

Снимок экрана

Это не так уж важно, но странно.

Также обратите внимание на пробел между белой линией и рамкой поля - его нет ни в FF, ни в Chrome, а только в IE.

Можете ли вы опубликовать соответствующий HTML и CSS, как если бы он отображался на выходе? Это определенно не поведение IE по умолчанию.

Tomalak 04.12.2008 10:43

Посмотри на его сайте: p Я тоже просил!

leppie 04.12.2008 10:45
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
2
280
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Похоже на ошибку в IE7.

Я только что тестировал IE8, работает как ожидалось в режиме IE8, но демонстрирует такое же поведение в режиме совместимости.

Обновление: возиться, кажется, это вызвано стилем overflow:hidden.

Бинго - ты официально мой герой на сегодня, леппи!

Lawrence Dol 04.12.2008 12:01

Я вижу, что ваша страница - XHTML, и она проверяет ... Но, как и любая другая страница XHTML, она обслуживается как text/html, а не как application/xhtml+xml (если бы это был IE, не распознал бы ее и не спросил бы, хотите ли вы сохранить файл). Так что, несмотря на то, что использование XHTML - это хорошая идея, каждый браузер получает XHTML и сообщает его HTML, поэтому ваш хороший действительный XML анализируется как теги html. (Если вы действительно заинтересованы в совместимости, и вам действительно не нужно анализировать свою страницу как XML, тогда «HTML 4.01 Strict» по-прежнему лучший выбор)

Тем не менее я не уверен, как это может повлиять на рендеринг списка (поскольку синтаксис в списке должен быть практически таким же), но если IE не понимает тег, он может не получить конечный тег. Это напоминает мне эффект, который вы получите, если забудете конечный тег на li и сделаете на нем небольшой отступ ...

Никогда не пытайтесь добиться идеального пиксельного рендеринга в IE, вы сойдете с ума и, вероятно, не добьетесь успеха; научись жить с этим. :П

Да, меня задело то, что IE не принимает XHTML - мне потребовалось время, чтобы понять это. Мне не нравится рендеринг PP, но мне было довольно любопытно, и я подумал, что кто-то другой, возможно, видел это и знал о лекарстве.

Lawrence Dol 04.12.2008 11:57

Другие вопросы по теме