[Résolu] 2 div dans 1 seul : différence affichage FireFox et IE

2 div dans 1 seul : différence affichage FireFox et IE [Résolu] - HTML/CSS - Programmation

Marsh Posté le 12-12-2008 à 09:54:32    

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%;
}


Message édité par oli1987 le 12-12-2008 à 10:16:48
Reply

Marsh Posté le 12-12-2008 à 09:54:32   

Reply

Marsh Posté le 12-12-2008 à 10:11:07    

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


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 12-12-2008 à 10:16:18    

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

Reply

Marsh Posté le 12-12-2008 à 10:21:12    

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


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed