IE6 полноэкранный div

Question

В принципе, я должен представить полноэкранный раздел на моей странице по разным причинам. Теперь это относительно просто в браузерах, отличных от IE (абсолютное позиционирование, верхний / левый / правый / нижний в 0px) и может быть легко сделано в IE7 (с некоторыми изменениями), однако я просто не могу заставить его работать в IE6. 1001 *

Что странно, что я могу заставить его работать в режиме причуд, но когда я включаю режим соответствия стандартам, div не заполняет экран горизонтально. К сожалению, мне нужен режим соответствия стандартам для других элементов на странице.

Вот мой CSS:

div#myId
{
    background-color: #3070cf;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%; /* Removing width or height doesn't help either */
    height: 100%;
}

Моя демонстрационная страница в основном соответствует стандарту XHTML с соответствующим DOCTYPE, имеющим только один отдельный div (id = "myId") в своем теле.

Теперь я знаю, что абсолютное позиционирование, как правило, не очень хорошая идея, но, как я уже сказал, оно мне действительно нужно в этом случае. Есть какие-нибудь предложения?

Answer 1

Вы тоже пытались настроить это?

html, body{
  height: 100%;
  width: 100%;
}

Answer 2

Мне удалось совершить такие подвиги, сначала придав телу следующие стили:

body
{
   height: 100%;
   width: 100%;
}

Тогда полному размеру div можно дать следующее:

div#myId
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

Это похоже на работу в большинстве основных браузеров. Также обратите внимание, что IE всегда будет создавать отключенную полосу прокрутки в правой части страницы. Если вы не хотите этого, вы можете добавить следующее:

html
{
  overflow: auto;
}