[Résolu] Div Height 100% Impossible sous IE6

Bonjour à tous,

Après de longues recherches non fructueuses, j'en appelle à votre collaboration.

Je veux afficher une image centrée horizontalement et verticalement dans un div qui occupe toute la page. Vous ne serez je pense pas étonné puisque mon boulot fonctionne sous FF mais pas sous IE...
En effet sous IE ma div refuse de d'occuper 100% de la page en hauteur ce qui rend impossible le centrage vertical.

Voici quelques bouts de code :

<div id="waitDiv" class="popup">
	<TABLE WIDTH=100% height=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR><TD ALIGN=center VALIGN=middle>
	<img src="images/load.png" width="1024px" height="270px" alt="Veuillez patienter..."/>
    <br />Chargement... Veuillez patienter...
	</TD></TR>
	</TABLE> 
<br>Down with IE !!
</div> 
 

Et pour la classe :

.popup {
    width:100%;
    height:100%;
	margin:0;
	padding:0;
    z-index:6;
    background: #2d2e2e url('images/bg_load.png'); 
	text-align:center;
	vertical-align:middle;
    display: table-cell;
	position:absolute;

}

* html .popup {
    background: #242525 url('images/bg_load.png'); 
}
 

La page en question est accessible ici :
http://www.freewebs.com/tricots-court/test.html

Et pour le css complet c'est par ici :
http://www.freewebs.com/tricots-court/style.css

Notez qu'après avoir retourner le net, j'ai trouvé une solution qui n'en ait pas une puisque qu'il s'agit de supprimer le doctype...

Merci d'avance.
Jérôme.
Modifié par Jezus! (05 Aug 2008 - 15:18)

Mon problème est enfin résolu...
J'avais placé mon div de chargement dans le head de la page en suivant ce que j'ai pu lire sur le net concernant le xHTML.
Mais ça ne faisait pas très "propre". J'ai donc tout déplacé dans le body et appliquer un height:100% sur le body dans la feuille de style.
Body étant le parent de ma div problématique, il était nécessaire de définir sa hauteur.

Ca fait plaisir.


Tchuss !