Div en float:left dans une autre div

**sandytarit** · 29/11/2007, 11h18

Bonjour

J'ai fait une div de 770 px (largeur de mon site) et a l'intérieur je voulais mettre 3 autre div sous forme de colonnes 200px de large chacune espacé de 42.5px)
Le problème c'est quand je fait ca mes "colonnes" se mettent en dessous de ma div de 770 au lieu de se mettre dedans pourquoi ?

voici le code 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
body
{	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #dea ;
}
 
div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
 
}
#col1,#col2,#col3 {
width:200px;
float:left;
padding-left:42.5px;
}

et le code d'"essai" html

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
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
	<title></title>
 
	<link rel="stylesheet" type="text/css" media="screen,projection" href="ecran.css" />
</head>
<body>
 
<div id="conteneur">		
 
			<div id="col1">
 
				xxxxx<br />
				xxxxxx<br />
				xxxxxxxxxx
				xxxxxxx<br />
				xxxxxxxxxx
			</div>
 
			<div id="col2">
				xxxxx<br />
				xxxxxx<br />
				xxxxxxxxxx
				xxxxxxx<br />
				xxxxxxxxxx
			</div>
 
			<div id="col3">
 
				xxxxx<br />
				xxxxxx<br />
				xxxxxxxxxx
				xxxxxxx<br />
				xxxxxxxxxx
			</div>
</div>
 
</body>
</html>

Merci de vos réponses

**Bisûnûrs** · 29/11/2007, 11h42

Des demi-pixels ?

**sandytarit** · 29/11/2007, 12h37

euh ouais faut pas tenir compte du 42.5

c'est plutot 42 px

**Bisûnûrs** · 29/11/2007, 13h56

Tes div contenus sont en float dans ton div conteneur, donc ils ne sont pas comptés dans la hauteur totale de leur conteneur, étant hors flux.

Un overflow:hidden sur le conteneur résoudra ton problème.

Une simple recherche sur le forum, voire lecture des sujets ouverts sur cette première page te donnera la réponse étant donné qu'elle est traitée deux fois par jour.

**sandytarit** · 29/11/2007, 14h30

Bin je ne comprend pas parce hidden doit cacher tout ce qui dépasse du bloc et non y mettre dedans enfin en tous cas merci ca marche

**Bisûnûrs** · 29/11/2007, 14h31

Envoyé par Bisûnûrs

Une simple recherche sur le forum, voire lecture des sujets ouverts sur cette première page te donnera la réponse étant donné qu'elle est traitée deux fois par jour.

Nouvel élément de recherche : Contexte de formatage.

Div en float:left dans une autre div

CSS

Discussions similaires

Partager

Partager