Deux images de background

Bonjour , j'ai un div qui est centré sur la page ( on dira 700px). J'aimerai mettre une image de background a gauche du div et une autre a droite du div .Je bloque complètement. la solution que je test c'est 3 div centré en float left. Mais j'arrive pas a faire que celui de gauche et droite s'adapte au reste de la largeur de l'écran.

Je m'en remet a votre aide.

PS: Sans utiliser de tableau bien sur
Modifié par arnaudmuse (13 Feb 2008 - 18:15)

bonjour

il faut faire deux div l'une dans l'autre :

<div id="gauche">
<div id="droite">
<div id="centre">
le contenu centré
</div>
</div>
</div>

CSS

#gauche{
width:à déterminer;
margin:auto;
background:url(fond_gauche.jpg) repeat-y;
}
#droite{
background:url(fond_droit.jpg) top right repeat-y;
}
#centre{
width:700px;
margin:auto;
}

j'ai pris l'hypothèse d'une image qui se répète mais on peut adapter pour une image seule en mettant no-repeat au lieu de repeat-y