IE6全屏div

Question

基本上,我必须出于各种原因在我的页面上呈现全屏div.现在这在非IE浏览器中相对简单(绝对定位,顶部/左/右/底部为0px)并且可以在IE7上轻松完成(通过一些调整)但是我无法让它在IE6上工作.

奇怪的是,我可以让它在怪异模式下运行,但是当我打开标准兼容模式时,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%;
}