height:auto d'une div composée de floats
Bonjour à tous.
Je viens vous demander conseil car j'ai un problème de positionnement en css.
Voilà, j'ai une div principale qui est composée de 3 autres divs ( elles-mêmes composées d'autres divs etc... ) qui sont en float:left.
Ma div principale, lors du positionnement, je lui ai mit une height fixe.
Hors, maintenant que j'aimerais mettre height:auto, je me trouve confronté à un problème : au lieu de s'arrêter en bas de la div enfant, elle prend height:0.
je vous file le css des divs concernées :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
#container
{
width : 868px;
height : 950px; /* le problème est ici, impossible de mettre auto sans que la div disparaisse. */
margin : auto;
margin-top : 20px;
border : 1px solid white;
}
#gauche
{
width : 153px;
height : auto;
float : left;
}
#milieu
{
width : 518px;
height : 898px;
border : 1px solid white;
left : 175px;
float : left;
margin-left : 22px;
}
#droite
{
width : 153px;
height : auto;
float : right;
} |
Je pense que c'est le fait que la div comporte trois flottants qui fait qu'elle ne prend pas en compte la taille de ceux-ci. Une idée pour parer à mon problème ?
Merci par avance, bonne soirée
