2009-05-06 16 views
1

J'ai une position absolue IE6 div que je veux être en plein écran (100% largeur et hauteur). Il est utilisé comme message de "chargement, veuillez patienter" pendant que les données se chargent sur la page.Pourquoi la hauteur CSS: 100% ne fonctionne pas dans IE6?

Il semble que ie6 ne reconnaisse pas le css de "height:100%".

Tout fonctionne autour?

+2

Je ressens pour vous les bizarreries IE6. Heureusement, ce problème a une réponse. Mais la plupart du temps, la réponse est juste "parce que c'est IE6". – Travis

Répondre

5

En outre, dans certains navigateurs plus anciens, vous devez définir la hauteur de la balise html ainsi:

body, html { 
    height: 100%; 
} 
3

Hauteur 100% sur un div nécessite que son parent ait également une hauteur définie dans IE6. Essayez ceci:

body{ 
    height:100%; 
} 
0

En outre, et cela pourrait avoir des défauts de son propre, vous pourriez faire les éléments suivants:

#fullScreenDiv {position: absolute; 
       top: 0; 
       bottom: 0; 
       left: 0; 
       right: 0; 
} 

il va peut-être vis avec des composants imbriqués et leurs flotteurs et ainsi de suite, mais il serait certainement, avec un doctype, que l'écran div complète.

Questions connexes