CSS div sur ie6

Bonjour,

J'ai un petit soucis de CSS, notamment sur IE6

Page de test : http://kerweb.olympe-network.com/test/

Sur cette page, j'ai mis un fond rouge pour bien différencier mes carrés. J'ai un bock de texte qui vient par dessus chaque carré que j'ai positionné en bas de chacun. Si Firefox aucuns problèmes mais sur IE6 il ne se met pas tout à fait en bas, il garde 1 px de décalage (on peut le voir facilement grâce au fond rouge).

Est-ce que quelqu'un voit d'où ça vient ?

NB : si au passage vous voyez une optimisation pour le css, je suis preneur (j'essais de suivre les recommandations que je vois un peu partout).

Ton div n'a pas un pixel de moins. C'est le style de l'image manquante qui fait ça (bordure grise en haut et blanche en bas), donc tu as l'impression qu'il te manque un pixel.

Citation:

---

Envoyé par IgotaBreizh

Est-ce que quelqu'un voit d'où ça vient ?

---

Concernant ton css entre commentaires, il te confronte au bug sur IE6 qui décale effectivement d'un pixel les élément positionnés en absolu depuis le bottom ou right lorsque les dimensions du référent sont un nombre de pixels impaire.

Si tu augmentes ta hauteur à 186px ou la diminue à 184px, le problème devrait disparaître.

J'avais entre temps trouvé la solution au problème avec une autre mise en forme du css (cf le même lien ci-dessus).

Mais merci bien pour l'info, je savais qu'il y avait une histoire de bug avec IE6 de ce genre mais je ne savais du tout en quoi ça consistait (et surtout j'y avais pas pensé).