Дополнительные пробелы появляются только на IE8 - PullRequest
Новая
       51

Дополнительные пробелы появляются только на IE8

1 голос
/ 24 декабря 2010

Я проводил кросс-браузерное тестирование веб-страницы, над которой я работаю для клиента, и пока все идет довольно гладко.Тем не менее, я заметил много пустого пространства, отображаемого только в IE8 внизу моего #main div.Я попытался удалить отступы в нижней части div, используя специфическую для IE8 таблицу стилей, но это не устраняет пробел.Панель инструментов разработчика показывает, что стиль применяется, и перед тем, как попробовать лист IE8, я удалил отступ через панель инструментов разработчика, и он работал нормально, но после применения реального стиля это не так.Я не вижу этой ошибки ни в одном другом браузере, и до сих пор я тестировал: Firefox (OS X / Win XP), Safari (OS X / Win XP), Chrome (OS X / Win XP), Internet Explorer7 и Internet Explorer 8. Я также пробовал использовать отрицательные поля и просто сдвигал прямоугольники, чтобы с обеих сторон было меньше разрыва.Ни один из них, кажется, не двигает коробки вообще.Так что это немного сбивает с толку.Вот пример этого в IE 8: alt text

И вот как это проявляется в любом другом браузере (этот снимок экрана из IE 7):

alt text

Сайт можно просматривать в режиме реального времени здесь .

Любая помощь с благодарностью!

1 Ответ

1 голос
/ 24 декабря 2010

@ Дэвид Сэвидж: Ввод 

<!--[if IE 8]>
<style type="text/css">
    #small_boxes {
      overflow: hidden;
      padding-bottom: -150px;
    }
</style>
<![endif]-->

Непосредственно перед вашим закрытием </head> исправляет проблему для меня.

...