Discussion :

[5c0rPi0n]

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

[Macmillenium]

FAQ Comment faire pour qu'un conteneur englobe ses enfants flottants ?

[5c0rPi0n]

Bonjour et merci vivement de ta réponse rapide.

Alors,
- j'ai rajouté la div class clear et le css associé.
- J'ai rajouté le "layout" pour ie 6.
- J'ai rajouté dans le css le container:after
- J'ai rajouté le overflow:hidden dans le css

- J'ai strictement rien compris au pourquoi du coment ^-^

Mais ça marche, donc c'est niquel, mais avant de mettre le tag [résolu] j'aimerai bien comprendre deux trois trucs... En fait si j'ai bien compris les 4 choses que j'ai rajouté servent à rendre les flottants acceptables par la div parent et pour tous les navigateurs ?

Merci encore, le problème était donc connu :-)

Bonne journée !

[Macmillenium]

Mais non, ce sont des solutions différentes

Un overflow:hidden (+ le layout pour IE6) suffit.

[5c0rPi0n]

Ok, niquel, mieux vaut trop de solutions que pas assez ;-)

Merci pour cette vive réponse, bonne soirée.