Hauteur automatique d'un DIV par rapport à un autre

Bonjour à tous. J'ai souvent eu du mal avec les CSS. J'ai 3 blocs <div> un à côté de l'autre.
Il y a un bleu, un rouge et un vert. Le rouge est le corps,je souhaiterais que les <div> des 2 bords prennent la même hauteur que le corps en rouge.

Pourriez-vous m'aider?

Voici ce que ça donne :
http://users.skynet.be/fa395022/capture.gif
Voici le code HTML :

		<div id="bord-site-gauche">&nbsp;</div>
		<div id="corps-site">
			<p>Bonjour</p>
			<p>yes</p>
		</div>
		<div id="bord-site-droit">&nbsp;</div>

et le CSS associé :

/* BORD GAUCHE DU SITE */

#bord-site-gauche{
width:7px;
background-color:blue;
float:left;
}

/* CORPS DU SITE */

#corps-site{
width:50px;
background-color:red;
float:left;
}

/* BORD DROIT DU SITE */

#bord-site-droit{
width:7px;
background-color:green;
float:left;
}

D'avance, Merci !

Bonjour,

C'est le principe des gabarits 15 et 16.

Si cette technique ne te convient pas, alors tu peux passer par un tableau.
Modifié par koala64 (13 Jul 2007 - 14:30)