Discussion :

[kilian]

Bonjour,

Je me mets au CSS avec plus ou moins de difficulté.

J'ai un div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
#corps {
position:relative;
 
min-height: 277px;
height : auto;
width:740px;
margin-left : 20px;
 
}

Dans ce div ( corps ) se trouve plusieurs div ( photo ). Ces derniers div sont en ligne ( l'une à coté de l'autre )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.photo {
	float : left;
	border: 1px solid #E68619;
	margin : 0px 10px 10px 10px;
	padding : 10px 10px 10px 10px ;
	overflow:hidden;
	width:200px;	
 
 
}

Cependant j'ai un problème c'est que ma div ( corps ) ne s'agrandit par automatiquement.
Si dans div ( photo ) je remplace "float : left;" par "position : relative;", là ma div ( corps ) prend bien la taille en automatique, mais les divs ( photo ) sont l'une sous l'autre, et je cherche à les mettre l'une à coté de l'autre...

J'espère que vous comprenez mon problème.
Je vous remercie d'avance...
Cordialement

[Erwan31]

Bonjour,
le flottement (via la propriété float) fait sortir les block qui en sont dotés du flux normal vis à vis du block parent, c-à-d qu'ils n'ont pas d'existence vis à vis de ce block. Une solution convenable dans la majorité des cas consiste à établir un contexte de formatage block (en) en passant par un overflow:hidden le plus souvent (à attribuer sur le block conteneur)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

height : auto;

La valeur auto ne sert à rien ici puisque c'est la valeur initiale (par défaut) de cette propriété.

[kilian]

Salut,
Tu as tout juste, j'ai testé, ce que tu m'as proposé et cela fonctionne...
je te remercie grandement
Bonne journee