Salut,
Pour commencer, je ne sais pas si c'est en recopiant sur le forum que tu as fais ces fautes mais :
1 2 3
| #head .gauche{float:left; background:url(images/gauche.gif) no-repeat;width:11px; height:11px;}
#head .milieu{float:left; background:url(images/milieu.gif) no-repeat;width:450px; height:11px;}
#head .droite{float:left; background:url(images/droite.gif) no-repeat;width:11px; height:11px;} |
ainsi que :
1 2 3 4 5 6 7 8 9 10 11 12 13
| <div id="conteneur">
<div id="head">
<div class="gauche"></div>
<div class="milieu"></div>
<div class="droite"></div>
<div class="content"></div>
</div>
<div id="bottom">
<div class="gauche"></div>
<div class="milieu"></div>
<div class="droite"></div>
</div>
</div> |
Il te manquait deux DIV. J'ai indenté le code pour une lecture plus facile.
IE6 gère les margin et les padding de façon exotique, c'est pourquoi on conseille souvent d'initialiser les valeurs à 0 :
* { margin: 0 ; padding: 0 ; } /* initialise tous les éléments. Sans marge, ni bourrage */
Vois déjà ça et dis ce que donne.
Partager