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 : 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
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