Salut,
 
J'ai un problème d'affichage entre les 2 navigateurs.
 
Pour vous en rendre compte (si vous possédez les 2 navigateurs, ou même rien que Firefox) : http://www.bcml.be/BCML%200809/index.php?rub=1 , en bas de page ("En bref" )
 
Un div container en contient deux autres (brefleft et brefright), mis cote à cote. Jusque là tout va bien. Mais la hauteur du div container est quasiment nulle sur FireFox, et ce div n'apparaît que sur 5px au-dessus des deux qu'il est censé contenir !?
 
Si quelqu'un savait m'éclairer, merci d'avance
 
 
Oli
 
 
 
#container {
  border: 1px solid #4c0099;
  width: 100%;
  margin: 0 auto;
  clear: both;
  background-color: #ececec;
  padding: 2px;
  font-size: 11px;
}
#brefleft {
  float: left;
  width: 50%;
}
#brefright {
  float: right;
  width: 50%;
}

mais il est vide justement
on va le repéter encore mais un élément flottant sort du flux
pour le faire revenir à sa place il faut appliquer le contexte de formattage au conteneur
il suffit de lui ajouter overflow:hidden pour firefox et zoom:1 pour IE

Merci bien de l'explication ... C'est de suite plus simpe.
 
Merci

un site qui l explique très simplement d ailleurs
http://djailles.free.fr/