3 colonnes proportionnelles avec comblage couleur

bonjour,

je galère sur un template 3 colonnes, avec entête et footer

la colonne du milieu contient un contenu dynamique qui allonge la colonne du milieu.
la colonne de gauche contient dans sa partie haute du contenu html + image. idem pour la colonne de droite.
Je cherche à combler les colonnes gauche et droite par une couleur de fond proportionnellement à la hauteur du contenu de la colonne du milieu - j'utilise un du height:100% mais rien à faire ...

je sèche, merci
L

Bonjour,

Est-ce que tu as été faire un tour du côté des Gabarits de mise en page de Florent (accessible depuis la boite à outils de la section "Apprendre" du site) ?

Une solution serait d'utiliser une image de background.

Si tu as par exemple :

<div id="container">
<div id="droite">
contenu de la zone droite avec une largeur de 200px
</div>
<div id="gauche">
contenu de la zone gauche avec une largeur de 200px
</div>
<div id="centre">
contenu de la zone du centre
</div>
</div>

Sur le div #container tu mets un background qui se répétera de façon verticale de la largeur de ce div. Le background comportera une partie colorée de 200px sur la gauche, une autre partie colorée de 200px sur la droite et enfin une troisième pour le centre.
Modifié par lefou (18 Jun 2010 - 10:51)

merci Laurie-anne , je fais déjà comme ça

merci à lefou pour l'id de la couleur de fond
c'etait simple finalement , il fallait que j'y pense !

Coucou,

un petit complément retrouvé dans mes bookmarks si jamais ça ne marche toujours pas, alistapart traite le sujet (mais il ne faut pas être allergique à l'anglais)