Bug ie double margin avec les float

Bug ie double margin avec les float - HTML/CSS - Programmation

Marsh Posté le 30-04-2004 à 10:31:34    

Bonjour,
 
Je viens de découvrir un nouveau bug de IE: il double la valeur du margin placée dans un div flotant :

Citation :


<div style="width:571px; text-align:center; border:1px solid black;">
 <div style="float:right; margin-right:5em; border:1px solid red; margin-top:30px;">
     <br />&nbsp;
 </div>
 <br /><br /><br /><br /><br />
</div>


 
Avec ce code la marge à gauche et le double de la valeur demandée sous IE  :??:  (c'est correct avec mozilla).
 
Quelqu-un à t'il dèja eu le problème ? (et aurais la solution ...)
 
Merci !

Reply

Marsh Posté le 30-04-2004 à 10:31:34   

Reply

Marsh Posté le 30-04-2004 à 10:37:09    

PS: j'ai trouvé une solution simple qui consiste à rajouter
 
<div style="float:right; width:10px; margin-top:30px;">
&nbsp;
</div>
et de supprimer le margin de l'autre div ...
Ca marche mais bon c'est pas super clean ...
 
Pas d'autres idées ?

Reply

Marsh Posté le 30-09-2004 à 12:44:37    

Solution propre:
http://www.positioniseverything.ne [...] argin.html
 
Il suffit de rajouter display: inline; au style du bloc float:
cette ligne ne devrait avoir aucune conséquences car float "l'écrase", ce qui est le cas pour tous les navigateurs sauf IE qui arréte de faire  des doubles marges.  

Reply

Sujets relatifs:

Leave a Replay

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