Непостоянный IE Проблемы с высотой 100% - PullRequest
Новая
       2

Непостоянный IE Проблемы с высотой 100%

0 голосов
/ 02 марта 2011

Я пытаюсь установить высоту 100% в окне просмотра для Internet Explorer.Как вы можете себе представить, следующий код работает везде: 

* {
    margin: 0;
    padding: 0;
} 

html, body {
    height: 100%;
}

body {
 font-family: Times New Roman, Times, serif;
 font-size: 13px; 
 background-color:#E8E8E8;
 background:url(/images/background.png) repeat-x;
}

#wrap {
 margin:0 auto;
 width: 935px; /*  Change to desired width :)  */
 min-height: 100%;
 background:url(/images/content.png)repeat-y;
}

#main {
    overflow: auto;
    padding-bottom: 112px;
}  /* must be same height as the footer */

1 Ответ

0 голосов
/ 02 марта 2011

Полагаю, у вас есть такая HTML-структура: 

<html>
  <body>
    <div id="wrap"></div>
  </body>
</html>

Если это так, добавьте min-height к wrap div: 

#wrap
{
   min-height: 100%;
}

Обратите внимание, что этот метод не работает настарые IE (когда точно он перестает работать ниже IE7, я не уверен), и у него есть непредсказуемая проблема с Opera, которая имеет свое собственное мнение о том, как интерпретировать height и min-height инструкции.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...