IE (pas mozilla bien sur) rajoute un espace à droite de angle_bn_bd.gif et à gauche de angle_bn_bg.gif (même si je met tous sur une ligne en supprimant les retours à la lign et les espaces).
D'habitude, je contournais le problème en mettant mes images dans un div <div style="margin:0px; padding:0px;"> <div style="background-image:url(angle_bn_bg.gif); float:left; width:24; height:23; margin-top:0px;" alt=""> </div> <div style="background-image:url(angle_bn_bd.gif); float:right; width:23; height:23; margin-top:0px;" alt=""> </div> </div>
mais bon ca me fais utiliser pleins de div pour rien et c'est pas très propre ...
Quelqu'un aurais une idée pour résoudre le bug de IE sans utiliser de DIV pour les images ?
Marsh Posté le 05-07-2004 à 15:50:46
Bonjour,
J'ai un petit bug avec IE: lorsque je place une image flotante contre son bloc conteneur, IE rajoute une marge de 4-5 pixels
Exemple:
<div style="margin:0px; padding:0px;">
<img src="angle_bn_bg.gif" style="float:left; width:24px; height:23px; margin:0px; padding:0px;" alt="" />
<img src="angle_bn_bd.gif" style="float:right; width:24px; height:23px; margin:0px; padding:0px;" alt="" />
</div>
IE (pas mozilla bien sur) rajoute un espace à droite de angle_bn_bd.gif et à gauche de angle_bn_bg.gif (même si je met tous sur une ligne en supprimant les retours à la lign et les espaces).
D'habitude, je contournais le problème en mettant mes images dans un div
<div style="margin:0px; padding:0px;">
<div style="background-image:url(angle_bn_bg.gif); float:left; width:24; height:23; margin-top:0px;" alt=""> </div>
<div style="background-image:url(angle_bn_bd.gif); float:right; width:23; height:23; margin-top:0px;" alt=""> </div>
</div>
mais bon ca me fais utiliser pleins de div pour rien et c'est pas très propre ...
Quelqu'un aurais une idée pour résoudre le bug de IE sans utiliser de DIV pour les images ?
Merci :-)
Message édité par fxoxo le 07-07-2004 à 09:44:23