Странная разница CSS между хромом и IEE - PullRequest
Новая
       18

Странная разница CSS между хромом и IEE

0 голосов
/ 06 июля 2011

Я делаю сайт в фреймворке joomla16, используя модифицированный шаблон beez5. Я получаю странный результат от IE. Chrome показывает сайт так, как задумано, однако IEE добавляет отступы, которые я нигде не могу найти. Я использовал инструмент разработки IE вместо инспектора элементов Chrome, чтобы найти это несоответствие, но его нигде нет.

Сайт http://85.233.235.109/joomla16/

Любая помощь или предложения будут с благодарностью.

Edit:

Я тестирую с IE 8.0. (7601)

UPDATE:

Кажется, я нашел что-то в инструменте разработки IE. Используя панель макета, вы можете получить расчетные размеры различных элементов.

div id = "header-image" имеет размер 1050x137, тогда как a class = "logo" и img class = "logo" имеют размер 1050x134.

Это будет учитывать 3-х пиксельную линию, но я не вижу, где она генерируется.

Ответы [ 2 ]

1 голос
/ 19 июля 2011

Кажется, я нашел решение, хотя оно странное.

Путем установки высоты div id = "header-image" в фиксированные 134px (header-image {height: 134px;}) проблема решается, и результаты одинаковы в IE и Chrome.

Однако я не знаю, почему IE добавляет разницу в 4 пикселя в элементе, когда абсолютная высота не указана.

0 голосов
/ 06 июля 2011

Это всего лишь предположение: IE может запустить ваш сайт в режиме причуд, где он имитирует поведение IE6. Чтобы отключить режим причуд, вы должны указать правильный тип документа. Правильный тип документа для HTML5, например: 

<!DOCTYPE HTML>
...