3 colonnes et un clear:both

Bonjour,

J'ai une mise en page en 3 colonnes que j'ai formaté comme ceci :

#gauche { float:left; width:200px; }
#droite { float:right; width:200px; }
#centre { margin: 0px 200px 0px 200px; }

<div id="gauche"></div>
<div id="droite "></div>
<div id="centre "></div>

Tout fonctionne bien sauf quand je colle un élément avec un clear:both dans le centre, cet élément descend jusqu'au bas de la div de gauche

Normal ?

Quelle est la solution ? Tout mettre en float ?

Merci bcp

Bonjour,

Place tes éléments flottant du centre dans un bloc parent et normalement ça devrait le faire.

"Place tes éléments flottant du centre dans un bloc parent", un bloc de quel type, un <div></div> suffit ?

Merci

Salut,

Oui un bloc de type <div> suffit. Mais supprime aussi ton clear:both a ton div "centre", c'est sans doute pour cela qu'il est en dessous de ton div "left".

edit: il y a plusieurs manière de faire, sur certains sites anglais, ils proposent de bons tutos la dessus.

regarde les ressources que raphael donne au dessus du forum
Modifié par Oryo (10 Oct 2006 - 16:34)

Bonjour,

Merci de placer tes codes entre les balise [code ] et [/code ] (sans les espaces) comme demandé dans l'aide.