[Résolu] Margin-left et float: left

Bonjour,

je n'arrive pas à comprendre pourquoi IE et Firefox interprete le code css de manière différente dans l'exemple suivant : www.recette-dessert.com/test.html.

En effet on observe une marge à gauche plus grande pour IE sur le premier <div class="bloc">.

Le css :

#conteneur {
width: 700px;
float: left;
background-color: #f0f0f0;
}
.bloc {
width: 250px;
height: 150px;
float: left;
margin-left: 20px; 
background-color: #6699cc;
}

Et le xhtml :

<div id="conteneur">

<div class="bloc">
</div>
<div class="bloc">
</div>

</div>

Merci pour votre aide
Modifié par recette (15 May 2005 - 10:07)

http://www.positioniseverything.net/explorer/doubled-margin.html

Merci pour le lien.

N'empeche avec toutes les interprétations différentes des navigateurs y'a parfois de quoi perdre la tête.

Y'a pas un coin sur ce forum avec un psy ?

Je ne suis pas très fort en anglais, mais si j'ai bien compris en rajoutant la propriété display: inline ca corrige le bug ?!

Faut que je me remette à tout changer dans mon code css, cool ! quel joie (quand ca marche )

A+
Modifié par recette (15 May 2005 - 10:08)

Trois heures à essayer de corriger mon code tout seul avant de me décider à chercher de l'aide ici, et bing, c'était juste un bug d'IE...

arf...