ie rajoute des marge aux images flotantes

ie rajoute des marge aux images flotantes - HTML/CSS - Programmation

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="">&nbsp;</div>
   <div  style="background-image:url(angle_bn_bd.gif); float:right; width:23; height:23; margin-top:0px;" alt="">&nbsp;</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
Reply

Marsh Posté le 05-07-2004 à 15:50:46   

Reply

Marsh Posté le 07-07-2004 à 09:45:39    

up !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed