Je ne sais pas si mon message a sa place ici, mais je viens vous faire partager une experience, ça pourra servir à d'autres...
Je me suis arraché quelques cheveux et me suis taper la tête une ou deux fois à cause de cette bouze d'IE...
L'histoire est simple : codage d'un site web en XHTML...
Pour me simplifier le code, je décide de commenter le code, histoire de pas me perdre.
Voilà une partie du code :
Code : Tout sélectionner
<!-- cadre principal -->
<div class="principal">
<div class="entete">
.entete { width: 768px; height: 143px; background-color: #F5DEB3; }
</div> <!-- fin entete -->
<!-- barre de menu -->
<div class="menu">
.menu { width: 768px; height: 25px; background-color: Teal;}
</div> <!-- fin .menu -->
<!-- partie centrale avec menu gauche et cadre droit -->
<div class="centre">
<!-- cadre gauche dernières nouvelles -->
<div class="nouvelles">
Bloc gauche
</div> <!-- fin .nouvelles -->
<!-- cadre de droite -->
<div class="centredroite">
Coucou
</div> <!-- fin .centredroite -->
</div> <!-- fin .centre -->
</div>
<!-- fermeture cadre principal --> Comme je sais que IE est très présent sur le web, j'essaie au maximum que le site soit visible sous IE...
J'ouvre donc Ie et voici ce que ça donne, jugez vous-même (faites la différence entre IE et Firefox)
Et oui !! Ie me duplique mon "coucou" dans le bas du calque "centre"
Ca fait un choc non ?
J'ai cherché un bon moment avant de trouver le pourquoi :
En fait, le fautif : le commentaire entre les deux calques flottants :
Code : Tout sélectionner
<!-- cadre de droite -->Certes ce n'est évidement pas le seul bug, mais si ça peut vous éviter de vous prendre la tête avec le même bug...
Au passage, voici un lien avec les bugs de IE (en anglais) : http://www.positioniseverything.net/explorer.html
Voilà ma mésaventure, je me suis pris la tête pendant un bon moment à cause d'un commentaire que IE ne sait pas gérer
