(résolu) Différence sur margin-left

bonjour,

j'ai aparement un souci d'interprétation de margin-left entre ff et ie. c'est IE qui se comporte mal. le margin-left est beaucoup plus grand
c'est le dernier bloc qui est incriminé

.spacer
{
clear:both;
}

.quant
{
background-color: rgb(140,198,255);
width:110px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-weight: bold;
margin-left:3px;
float:left;
}

.prixadd
{
width:130px;
padding-top:10px;
padding-bottom:10px;
margin-left:3px;
text-align:center;
font-weight: bold;
background-color: rgb(140,198,255);
float:left;
}

.totalht
{
margin-left:229px;
width:110px;
padding-top:15px;
padding-bottom:15px;
text-align:center;
font-weight: bold;
background-color: rgb(140,198,255);
float:left;
}

et voici le ode xhtml

<div class="desi">
						CANON Digital XSU
						</div>   
						<div class="prixunit">
						127 euros
						</div>
						<div class="quant">
						1 ou 2
						</div>
						<div class="prixadd">
						571 euros
						</div>
					
					<!-- separation des blocs -->
					<div class="spacer">&nbsp;</div>
					
						<div class="totalht">
						PRIX Total HT
						</div>   

merci d'vance de votre aide.
Modifié par samb01 (23 Mar 2006 - 23:39)

Salut,

Il s'agit d'un bug d'IE (Doubled Float-Margin Bug) qu'il est possible de corriger par l'ajout d'un simple display: inline; :

.totalht {
	display: inline;
	float: left;
/* + le reste des déclarations */ 
}

Avec cela, ça sera suffisant : IE donnera la bonne marge et non le double. Pour en savoir plus : http://www.positioniseverything.net/explorer/doubled-margin.html

Bonne soirée
Modifié par Alan (23 Mar 2006 - 22:36)

merci ça marche nickel.