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在它的身上這個單格（ID =「身份識別碼」）。

現在我知道絕對定位通常不是一個好主意，但正如我所說的，在這種情況下我確實需要它。有任何建議嗎？

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; 
}