28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un petit problème n'apparaissant que sous IE6, et assez bizarre...

Voici tout d'abord mon code :


<style type="text/css">
a:hover { 
	background: url("img/hover_lien.gif") repeat; 
}
</style>


<body style="margin: 0 auto; width: 1010px;">
<div style="float: left; margin: 0 auto;">
<p style="text-align: justify;"><img src="img/coucou.gif" style="float:left;" alt="coucou"/>Lorem ipsum dolor...........<a href="#">Un lien pourtant anodin</a></p>
</div>
</body>


Quand je survole le lien, le div s'étire en largeur et l'image est tronquée...
Enfin, si j'enlève le curseur du lien, tout redevient normal.

De plus, si j'enlève le justify, ca ne le fait plus...

J'ai lu que IE avait certains problèmes avec ca, mais je ne suis jamais tombé sur quelque chose d'aussi bizarre.

Sauriez-vous d'où cela peut venir ? un problème dans mes CSS ? un bug d'IE ?

Merci !
Modifié par eddie5150 (24 Oct 2008 - 09:27)
Dans le genre «aussi bizarre», il y a le Peekaboo Bug, par exemple, et d'autres bugs qui se déclenchent lors du survol de liens. Ça se règle éventuellement avec du HasLayout (ou en enlevant du HasLayout). Voir la FAQ du forum à propos de ce concept.
Effectivement, en rajoutant un zoom: 1; sur le <p>, le problème est résolu.

J'avais déja eu recours à ce hack, pour un cas différent.

Merci !