Discussion :

[Guite]

Bonjour,

j'ai un petit souci pour le développement de mon site, je voudrais préciser que pour développer dans les normes actuelles je n'utilise pas de tableau pour placer du contenus sur une page.

Ainsi dans ma div de centre je veux faire deux parties, une droite et une gauche que je met en float:left et float:right et je voudrai mettre une image de fond pour mon centre, mais le problème est que sa hauteur est nulle, elle ne s'adapte pas en fonction de droite ou gauche, alors que le reste du site suit.

Voici un peu de code pour expliquer la chose :

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
.centre {
	background-color:#3a362f;
	width:100%;
}
 
#content_center {
	margin:0pt auto;
	position:relative;
	width:1000px;
	background:#3a362f url(images/centre/backb.jpg) repeat-y;
}
 
#gauche {
	background-color:#ffffff;
	float:left;
	width:570px;
	margin-left:120px;
}
 
#droite {
	background-color:#ffffff;
	float:right;
	width:230px;
	margin-right:72px;
}

Sachant que gauche et droite sont dans content_center qui est centré à l'intérieur de centre.
Une liste ne fonctionne pas non plus car la balise ul ne suit pas les li.

En espérant que quelqu'un pourra m'aider merci.

[numew]

dans ton cas (2 flottants dans un div) tu peut utiliser la technique du "spacer"

Code :

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

1
2
3
4
5
 
.spacer 
{
  clear: both;
}

avec ce code à placer aprés tes flottants dans ta page :

Code :

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

1
2
 
<div class="spacer">&nbsp;</div>