Pb de margin qui ne fonctione pas sous IE

duddy67 -  
jona303 Messages postés 390 Statut Membre -
Bonjour,

J'ai un div global qui contient 2 divs en float left (côte à côte).
Ce que je veux c'est utiliser le margin-bottom des 2 divs pour
pousser le div global vers le bas.
Ca fonctionne sous FF mais pas sous IE

Voici mon code:

css:
#content{
overflow: hidden; /* Contexte de formatage. */
}

#left {
width: 450px;
float: left;
margin-bottom: 50px;
}

#right {
width: 450px;
float: left;
margin-bottom: 50px;
clear: right;
}

html:

<div id="content">

<div id="left">
...
</div>

<div id="right">
...
</div>

</div>

Quelqu'un pourrait m'aider ?

Merci
Configuration: Linux
Firefox 3.0.3

3 réponses

  1. jona303 Messages postés 390 Statut Membre 28
     
    <div id="right">
    ...
    </div>
    <div class="clear"></div>

    css:
    #content{
    overflow: hidden; /* Contexte de formatage. */
    }

    .clear {clear:both; }

    non ?
    0
    1. duddy67
       
      Bien vu ;-)
      Ça à l'air de marcher.
      Mais pour infos je voudrais savoir qui est dans le vrai, FF ou IE ?
      Est-il logique de mettre un div clear: both; , un clear: right dans le div de droite devrait suffir (mais ça ne fonctionne pas sous IE).
      Est ce à cause de IE ?
      0
  2. jona303 Messages postés 390 Statut Membre 28
     
    Clairement IE n'est PAS dans le vrai.
    J'ai appris il y a peu que IE était si "bizarre" parce qu'il était compatible word.. et qu'ils (les grands méchants de chez microsoft) préfèrent rester compatible entre eux que de respecter les standards..

    Rien a dire,.. si ce n'est de joindre le front anti IE .. :)
    0
    1. duddy67
       
      Rien a dire,.. si ce n'est de joindre le front anti IE .. :)
      Vive le pingouin ;-)
      0
  3. jona303 Messages postés 390 Statut Membre 28
     
    haha :)
    et pourtant je travaille sous vista.. ^^ , mais franchement pour utiliser IE faut vraiment le vouloir !!
    ;)
    0