IE8 Высота 100% ошибок

Question

Кто-нибудь слышал об ошибке, которая возникает в IE8 при применении высоты в процентах к html и телу с использованием CSS? Я вижу белый фон, когда нужно применить рисунок плитки.

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #666;
    background-image: url('../images/body/bg_pattern.gif');
}

Answer 1

IE8 интерпретирует элемент высоты ближе к стандартам, чем IE7. Заявление

`Высота: 100%

В значительной степени игнорируется. Высота в процентах основана на высоте их родительского элемента. Если родительский элемент не имеет явной высоты, процент игнорируется и устанавливается на Авто. Вы можете увидеть больше об этом на w3.org .

Если отображаемая страница пуста, тело будет иметь высоту 0, и вы увидите фон по умолчанию.

Answer 2

Чтобы предотвратить генерирование height:0 при перемещении дочерних элементов, установите

overflow:hidden;
position: relative;

на родителя.