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 :

Voici le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
		<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é :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
/* 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 ! [cligne]