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:
J'ai essayé:
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>
Ce qui me donne la 2ème pièce jointe...
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; }
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
Partager