Site taille fixe, mais avec bord droite et gauche extensible

**doobinay** · 26/04/2010, 12h05

Bonjour,
je suis sur que la question a déjà été posée et répondue mais je ne trouve pas exactement ce que je cherche.

J'aimerais donc un div principal qui occupe une taille fixe, par exemple 400pixels, et que la partie droite et gauche soit extensible par rapport à la largeur du navigateur. (voir 1ère pièce jointe)

J'ai 2 div avec des fonds différents à gauche et à droite.

HTML:

Code :

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

1
2
3
4
5
6
<body>
 
	<div id="espacement_gauche"></div>
	<div id="espacement_droit"></div>
	<div id="contenu">Mon contenu</div>
</body>

J'ai essayé:

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
#espacement_gauche{
background-image:url('../images/fond_gauche.png');
background-repeat:no-repeat;
float:left;
min-width: 250px; max-width: 1000px; 
height:500px;
}
#espacement_droit{
background-image:url('../images/fond_droit.png');
background-repeat:no-repeat;
background-position: top right;
float:right;
min-width: 250px; max-width: 1000px; 
height:500px;
}
#contenu{
margin:auto;
width:400px;
background-image:url('../images/ciel.png');
background-repeat: repeat;
}

Ce qui me donne la 2ème pièce jointe...

Apparemment il n'y aucune extension...
J'ai essayé en mettant dans un conteneur a width:100% mais ça ne change rien.
Je pense que les float ne soient pas la bonne solution.

Merci d'avance pour votre aide.

Cordialement.
Bastien

Site taille fixe, mais avec bord droite et gauche extensible

CSS

Mode arborescent

Discussions similaires

Partager

Partager