Il y a des soirs comme ça où l'on a des envies de meurtres.
J'étais déjà énervé à la base. Le stress, la journée, tout. Bref. Peu importe.
Je viens juste de passer 3 HEURES à essayer de débugger une page sous IE
Pour vous remettre dans le contexte : 3 div côte à côté, tous trois en float:left. Dans un navigateur correct, ces trois divs doivent s'aligner les uns à la suite des autres.
Mais pas sous IE6. Pourtant, c'est pas faute d'en avoir manipulé des DIV... Mais là pas moyen.
Je tente de virer tout le reste du code de la page, en ne laissant que la CSS. Même résultat.
Je fais le tour des bugs "reconnus" d'IE6. Non ce n'est pas le coup du texte qui disparait. Là, c'est le DIV complet qui n'apparait pas. Cerise sur le gâteau, en remettant tout le HTML, ce sont les 3 DIV qui disparaissent...
Alors après avoir saccagé mon markup, ruiné ma CSS, j'ai enfin trouvé le coupable.
BODY {
font-family: Arial, Helvetica, serif;
font-size: 11px;
letter-spacing: 1px;
}
Quelque chose vous choque là dedans ? Moi non.
Et pourtant IE, quelque chose le chagrine là dedans, le pauvre biquet.
Sachez donc que cette bouse (désolé, mais là, il ne reste plus vraiment d'autres mots) ne peut pas faire un float correct avec un letter-spacing défini sur le BODY.
J'ai monté une page d'exemple pour l'occasion à cette adresse
Faites moi donc plaisir :
ARRÊTEZ D'UTILISER EXPLORER 6
UPDATE, plus tard
IE 7 ne s'en sort pas non plus...