100% проблема с высотой при объявлении типа документа IE8 - PullRequest
0 голосов
/ 20 октября 2011

Хорошо, у меня есть простая веб-страница HTML. Проблема в том, что когда я указываю Doctype в начале страницы, моя высота таблицы стилей: 100% не работает.

Если я удаляю объявление doctype, все работает как положено. Так кто-нибудь знает, почему это происходит? Какой тип документа мне следует использовать?
Я также попытался использовать "Строгое" объявление DOCTYPE, но все еще та же проблема. Заранее спасибо.

Ниже приведен полный HTML, где высота: 100% не работает:

<!DOCTYPE html PUBLIC "-//VYOM//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/transitional.dtd">
<html>     
<body>
    <div style="background-color:red; height:100%;">
        testing 123...
    </div>     
</body>

Если я удаляю тип документа, DIV занимает 100% доступной высоты, как и ожидалось:

<html>     
<body>
    <div style="background-color:red; height:100%;">
        testing 123...
    </div>     
</body>
</html>

1 Ответ

3 голосов
/ 20 октября 2011

Добавить:

body, html {
    height:100%
}
...