bonjour,

Je voudrais régler un détail qui me pose problème, j'ai un corps de page dans lequel j'ai 2 partie, une à gauche et une à droite (deux float), le problème est que ma div corps ne "s'agrandit" pas en fonction de mon float le plus haut (ils ont une hauteur variable selon ce que rentre l'utilisateur).

en fait ma div "corps" fait 0 de hauteur, comment faire en sorte qu'elle soit de la hauteur de la plus grande div qu'elle contient (je pensais que ca se ferrait automatiquement mais apparemment les div ne "détectent" pas les float automatiquement).

Voici les div concernés:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
#corps
{
	width: 86.5%;
	margin-left:12.5%;
   margin-bottom: 20px;
  padding: 5px;
   color: #B3B3B3;
   background-color: black;
   background-repeat: repeat-x;
   border: 1px solid rgb(64,0,0);
}
Dans ce corps il y a:

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
#corps_left
{
width: 41.2%;
   padding: 5px;
   color: #B3B3B3;
border: 5px inset red;
margin-bottom: 10px;
float: left;
background-color: black;
}
 
#corps_right
{
width: 43%;
   padding: 5px;
   color: #B3B3B3;
border: 5px inset blue;
float: right;
right:15px;
background-color: black;
}
Et le html est

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<div id="corps">
     <div id="corps_left">
     </div>
     <div id="corps_right">
     </div>
</div>
En espérant avoir été explicite ! Merci bien.