Пожалуйста помоги!IE8 иногда отображает мою страницу правильно, иногда нет

Question

Я просмотрел весь этот сайт и весь остальной интернет, но не могу понять, почему это происходит. Моя страница хорошо отображается во всех браузерах, кроме IE8 (хотя технически я не проверял более ранние версии IE). Даже в IE8 он иногда отображается правильно (что для меня не имеет смысла).

Вот эта страница: http://www.thedudehatescancer.com/testsite/past-results.shtml

Иногда информация о социальной сети и нижнем колонтитуле перемещается вверх по экрану и перекрывает нижнюю часть содержимого главной страницы, а иногда она остается в нижней части страницы, где она находится.

таблицы стилей находятся под одним корнем.

main: stylesheet.css

IE взломает: stylesheet-iehacks.css

Я не могу понять это. Я предполагаю, что я делаю что-то глупое, но я бы хотел знать, что это было. Любая помощь будет принята с благодарностью !!

Answer 1

Основная проблема в том, что вы используете display: inline-block.

Простое решение этой проблемы - добавить зум: 1 ко всему, что использует встроенный блок.

Это добавляет свойство hasLayout в ie

Например;

#networkswrap {
    background: url("images/bg-gray2.jpg") repeat scroll 0 0 transparent;
    border-bottom: 3px solid #989896;
    display: inline-block;
    height: 60px;
    overflow: visible;
    width: 100%;
    zoom:1
}

Answer 2

Похоже, ваш сайт использует несколько свойств CSS, которые могут вызвать проблемы в IE.

У него, безусловно, есть проблемы в IE7, и использование вами должно заставить IE8 использовать механизм рендеринга IE7 .

Изначально я думал, что это может быть проблема hasLayout из-за использования display: inline-block . Я пытался реализовать исправление для этого, но это не имело никакого значения.

Я думаю, что проблема, с которой вы столкнулись, связана с использованием min-height . Я попытался применить хак минимальной высоты , и это, похоже, сработало.

#mainwrap{
  min-height:600px;
  height:auto !important;
  height:600px;
}

Достойный сайт, кстати; у моей мамы был ОМЛ.

Надеюсь, это поможет,

Mark