IE6フルスクリーン部門

Question

基本的には、さまざまな理由でページにフルスクリーン部門を表示する必要があります。これはIE以外のブラウザ（絶対位置、トップ/レフト/右/ボトム、0px）では比較的簡単で、IE7でも簡単に（少し微調整して）行うことができます。

私は奇妙なモードで動作させることができますが、規格準拠モードをオンにすると、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%; 
} 

私のデモページには、基本的にその本体にのみ、この単一のdiv（idは=「MYID」）を有する適切なDOCTYPEと標準準拠のXHTMLです。

今私は絶対的な配置は一般的には良い考えではないことを知っていますが、私が言ったように、この場合は本当に必要です。誰でも提案はありますか？

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