Высота 100%, не работающих на Тег Div в Internet Explorer 8

Насколько я понимаю, кроссбраузерный CSS не так уж велик, поэтому это может быть не лучшее решение, но это решение.

Насколько я видел, вам всегда нужно устанавливать высота / ширина контейнера, который вы хотите переполнить, поэтому вам необходимо установить их.

Чтобы справиться с разрешением, я бы предложил вам добавить сценарий jQuery в событие onReady, который динамически исправлял бы высоту и ширину, делая работа с переполнением.

Вы должны установить все поля и отступы для родительских элементов равными нулю, чтобы получить то, что вы хотите.

Обновление: Извините, я не сразу понял проблему. Я полагаю, намек Бена должен быть лучшим. :)

Обновление 2: Ой, поскольку Бен удалил свой ответ, мое первое обновление не имеет смысла. Попробуйте установить высоту тела на 100%, это должно решить проблему.

У меня была аналогичная проблема, как и у вас, и, наконец, решение состояло в том, чтобы изменить запись строки CSS, которая имела модификатор ! Important для объявления фиксированной высоты. В HTML-коде класс (определенный в CSS) имел высоту , назначенную на 100% , но CSS применил ! Important во время загрузки стиля.

Этот метатег обеспечивает корректный CSS рендеринг, а в CSS - по дизайну - высота:100% практически не работает.

Вам необходимо задать определенную высоту для каждого отдельного предка элемента, включая ,

В любом случае, эта компоновка может быть достигнута более простым способом:

.topBanner {
    position:absolute; position:fixed; 
    height:2em; 
    top:0; left:0; width:100%;
}
body {padding-top: 2em}

это будет хорошо деградировать в IE6, и, в отличие от переполнения, будет корректно работать в Mobile Safari.

<div id="search">Search Area</div>
<div id="results">Results Area</div>

#search {
    background-color: red;
    position: fixed;
    height: 150px;
    width: 100%;
}
#results{
    background-color: orange;
    position: fixed;
    top: 150px;
    width: 100%;
    bottom: 0;
    overflow: auto;
}
​