Bannière de taille fixe et côté gauche et droit flexible
Bonjour a tous j'ai un petit probleme de conception avec mon site internet.
Mon site se décompose en 2 parties, une partie haut et une partir bas, c'est la partie haut qui nous concerne, dans cette partie je vais avoir la banniere de mon site.
Ma banniere fait 1024px de longeur pour 230px de hauteur.
Mon problème est le suivant : Si la résolution de l'écran est supérieur a 1024px je voudrais que les cotés droit et gauche de la banniere soit extensibles (plein écran) sachant que mon coté gauche et coté droit sont différents.
J'ai créer un image de 1px de large sur 230px de haut appelé banniere_gauche et une autre image avec les memes dimensions appelé coté droit.
voici mon code xhtml
Code:
1 2 3 4 5 6 7 8 9 10 11 12
|
<div id="global">
<div id="haut_site">
<div id="banniere_gauche"></div>
<div id="banniere"></div>
<div id="banniere_droite"></div>
</div>
<div id="bas_site"></div>
</div> |
et voici mon code CSS
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| /*********** partie haut du site -- contient banniere ************/
#haut_site{height:230px; width:100%; clear:both;}
#banniere{ background:url(img_interface/banniere.jpg) no-repeat; height:230px;
width:1024px;
float:left;
}
#banniere_gauche{background:url(img_interface/cote_gauche_banniere.jpg) repeat-x;
height:230px;
width:100%;
float:left;}
#banniere_droite{background:url(img_interface/cote_droite_banniere.jpg) repeat-x; height:230px; width:100%; float:left;} |
Mon problème est que j'ai mon coté gauche qui s'etend sur tout le site, en dessous j'ai ma bannière et encore en dessou j'ai mon coté gauche qui s'étend également sur tout le site. Je n'arrive pas a centré ma banniere et avoir les deux coté gauche et droit extensible.
J'espere n'avoir pas trop été maladroit dans mon explication et merci pour votre aide