Discussion :

[rinuom99]

bonjour,
j'ai un petit souci, je sais que c facile a le résoudre mais j'arrive pas a le faire donc j'attent un cou de main de vos part, ben pour mettre trois colonnes dans un div j'ai fait comme suit:

html:

Code :

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

1
2
3
4
5
6
 
<div id="contenu">
		<div id="col1">......</div>
		<div id="col2">......</div>
		<div id="col3">.......</div>
</div>

css:

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
 
div#contenu {
	width:750px;
	background-color:#ffffff;
	clear:both;
	float:left;
}
div#col1 {
    width:200px;
	clear:both;
	float:left;
}
div#col2 {
     width:400px;
	 clear:both;
	 float:left;
}
div#col3 {
     width:150px;
	 height:10px;
	 background-color:#000000;
	 clear:both;
	 float:left;
}

quecequ'il manque pour que j'aurai les div l'un a coté de l'autre, car il s'affichant l'un au dessous de l'autre !!?

merci d'avance

[Bisûnûrs]

Enlève les clear:both de chacun de tes div.

[rinuom99]

oui j'ai enlevé clear:both et sa marche maintenant, merci

quel est le rôle de clear:both , pas aligné les div et lui donne le height le plus grand des div se trouvant dedans ?

[Bisûnûrs]

Non, il sert, mis sur l'élément après une série de float, à rétablir le flux normal de la page, et donc faire passer cet élément sous les float. Comme il y en avait sur chacun de tes div, ils allaient à chaque fois à la ligne.

[rinuom99]

merci beaucoup tu ma bien éclairé les choses, merci encore une fois