Bonjour,

J'ai un problème avec la propriété margin. Lorsque je l'attribue, sous I.E, l'espace de gauche (margin-left) est presque deux fois plus grand que sous firefox...

Quelqu'un pourrait-il m'aider stp

HTML

<div id="accueil-gauche">
  <div class="contenu">
    <div class="numero">
      <p>
        03
      </p>
    </div>
    <p class="contenu">
      Texte #1
    </p>
  </div>        
</div>


CSS

body
{
  background-color:#e0e0e0;
}

div#accueil-gauche
{
  padding:10px 10px 10px 10px;
  float:left;
}

div#accueil-gauche div.contenu
{
  background-color:#f6f6f6;
  width:250px;
  height:600px;
  border:1px solid;
}

p.contenu
{
  font-family:Verdana;
  color:#727171;
  margin:0px;
  text-align:center;
}

div.numero
{
  background-color:#bababa;
  float:left;
  height:45px;
  margin:20px 0px 0px 25px;
  width:20px;
}

div.numero p
{
  color:#ffffff;
  margin:0px 0px 0px 0px;
  text-align:center;
}


C'est le margin de div.numero qui semble problématique... Aussi, ça ne le fait que si je met le float:left sinon c'est correct...
Merci beaucoup!
a+
Modifié par Kiboumz (22 Jun 2006 - 03:48)
Modérateur
bonjour,
c'est un bug d'IE , essai d'appliquer a ton flottant a gauche un :

div#accueil-gauche
{
  padding:10px 10px 10px 10px;
  float:left;
 display:inline;
}

Il me semble que cela suffit a faire disparaitre le bug de "double marge".
++