IE6 plein écran div

Question

Fondamentalement, je dois présenter un div plein écran sur ma page pour diverses raisons. Maintenant, cela est relativement simple dans les navigateurs non-IE (positionnement absolu, haut/gauche/droite/bas à 0px) et peut être facilement fait sur IE7 aussi (avec quelques ajustements) mais je ne peux pas le faire fonctionner sur IE6.

Ce qui est bizarre que je puisse le faire fonctionner en mode quirks mais quand j'active le mode de conformité aux normes, le div ne remplit pas horizontalement l'écran. Malheureusement, j'ai besoin du mode de conformité aux normes pour les autres éléments de la page.

Voici mon 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%; 
} 

Ma page de démonstration est essentiellement conforme aux standarts XHTML avec le DOCTYPE approprié ayant seulement ce seul div (id = "myId") dans son corps. Maintenant, je sais que le positionnement absolu n'est généralement pas une bonne idée, mais comme je l'ai dit, j'en ai vraiment besoin dans ce cas. Quelqu'un a des suggestions?

Answer 1

Avez-vous essayé de régler cela aussi?

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

Answer 2

Je suis en mesure d'accomplir de tels exploits en donnant d'abord le corps les styles suivants:

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

Ensuite, la taille complète div peut être le cas suivant:

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

Cela semble fonctionner dans la plupart des principaux navigateurs. Notez également que IE va créer une barre de défilement désactivée sur la droite de la page à tout moment. Si vous ne voulez pas cela, vous pouvez ajouter ce qui suit:

html 
{ 
    overflow: auto; 
}