IE8 плавает, неправильно показывая маржу

Моя страница находится по адресу http://jerswebempire.com/ovrtur/index.php.

Страница почти идеально отображается во всех браузерах, кроме IE8. В IE8 плавающие элементы div имеют неправильные поля. Например, вы увидите, что панель поиска вверху находится под навигацией. Однако, если вы открываете страницу в Chrome, Firefox или IE9, она отображается в правильном месте.

Что я делаю неправильно?! Кажется, я не могу найти исправление.

Кроме того, поле «Последнее видео» находится в двух столбцах во всех браузерах, кроме IE8. Это похоже на описанную выше проблему, когда добавляется левое поле, которого там быть не должно.

Страница создана с помощью Bootstrap.

Любая помощь будет оценена по достоинству.


css twitter-bootstrap margins internet-explorer-8 css-float
person jerauf    schedule 04.02.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Используйте ie условные обозначения между вашим индексом

<html> </html>

добавьте класс для полей «т.е. только 8», как это делает шаблон html.

Загрузите пользовательскую таблицу стилей ie 8 и поиграйте с проблемой полей следующим образом:

<!--[if IE 8]><link rel="stylesheet" type="text/css" href="ie8-only.css" /> <![endif]-->

Или загрузите класс, где вам это нужно.

<!--[if IE 8]><html class="ie8 lt-ie9"> <![endif]-->

Примените условный класс ie ко всему, что вам нужно.

<div class="floatedDiv ie8"

CSS

.ie8 { margin:0px; }
person Ben Racicot    schedule 04.02.2013
comment
Ваше предложение не сработало. Я даже пытался добавить огромное верхнее поле, чтобы увидеть, будет ли он реагировать. Это не так. Любые другие идеи? - person jerauf; 05.02.2013

arrow_upward
0
arrow_downward

Я не могу отлаживать ie8, но я искал и обнаружил, что на самом деле существует ошибка отрицательной маржи на ie7/8. Они рекомендуют использовать

zoom:1, position: relative

как обходной путь.

person Ben Racicot    schedule 05.02.2013