2 floats dans une div, problème d'encapsulation
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:
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:
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:
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.
