[resolu] Probleme de hauteur sur Gecko

Hello a tous,

un petit soucis que j'avais deja remarqué...
J'ai plusieur div imbriqué :

<div id="page">
	<div id="haut"></div>
	
	<div id="centre">
		<div id="centreGauche"></div>
		<div id="centreDroite"></div>
	</div>
	
	<div id="bas"></div>
</div>

Quand jaffiche la bordure de mon <div id="centre"> il ne prend pas en compte centreGauche et centreDroite car ils sont flottant tous les deux. Et ce seulement sur Gecko. Or j'aimerai appliquer un fond a centre en fonction de la hauteur de mes deux colonnes.

Clair ?

Merci d'avance
Modifié par gegen (12 Jan 2007 - 14:27)

'en fonction' ?

is_null a écrit :
'en fonction' ?

Oui, car mon div centre contient deux colonnes : centreGauche(float:left;) et centreDroit (float:right;)
Donc en fonction de la hauteur de chacune, le fond de <div id="centre"> s'etendra.

Incompétent dans ce domaine, je vous propose quand même d'ajouter, juste avant la fermeture de centre :

<div style="clear:both;"></div>

Modifié par is_null (11 Jan 2007 - 17:09)

Salut.

La solution de is_null doit fonctionner. Il est aussi possible de créer un nouveau contexte de formatage, pour obtenir le même résultat

Plus d'infos sur la question :
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html

Merci pour vos reponses

Apres moulte test, j'ai opté pour la solution d'is_null qui ne l'est pas tant que ca !!

Bonne journée a tous et merci