IE пространство между строками

Question

Мой сайт сильно отличается от FF и IE (http://www.kiubbo.com),, так как вы можете видеть там много места между строками ".news_item" в IE 8

Если у кого-нибудь есть идеи, почему?

Спасибо

Answer 1

Подтвердите код. Валидатор w3C обнаружил 57 ошибок на странице, некоторые из которых могут повлиять на макет.

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

Answer 2

Для IE, работающего в узле совместимости (т.е. как более старые версии IE), ваш пустой

<span class="news_item_title"></span>

в конце каждой новости кажется по-разному отображается между IE и FF. Тебе это действительно нужно?

Если вас беспокоит IE8, переведите его в стандартный режим, добавив соответствующий метатег на свои страницы:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

Это делает страницу почти идентичной FF, за исключением того, что ваше верхнее объявление выравнивается по-разному.

Answer 3

разница между ie и ff в padding и margin act, играть с ним в классе .news_item

Answer 4

Я бы порекомендовал использовать список для определения ваших строк, а не кучу div, потому что он более семантический. Это также может помочь решить проблему с космосом.