[Résolu]Bannière en 3 parties extensible ?

bonjour tout le monde

voici mon problème
je possède une bannière d'une largeur de 800px sur 100px

mon problème est que je voudrai ajouter un div avant et un apres
le premier reprend le dégrader de début de la bannière
le deuxième le dégrader de fin

de manière à ce que ca devient uniforme et prend la largeur total de la page en clair ca devrais donner ceici :

Div vide juste image de fond | Bannière | Div vide juste image de fond

seul la bannière est fixe les deux autre div devrais être extensible, celà est-il fesable ? et comment puis-je faire

d'avance merci
Modifié par splifferwolf (26 Oct 2007 - 14:16)

Salut,

La résolution de ton problème va dépendre directement du résultat escompté, hors sans aperçu, j'ai pour ma part bien du mal à me faire une idée de ce dernier…

en faite, j'ai pas encore d'hébergement ou je pourrait mettre l'aperçus je fait mes test en local pour l'instant.

alors j'ai peut-être trouvé une astuce

#div1
{
    float:left;
    width:50%;
}
#div2
{
    float:right;
    width:50%;
}

de cette manière les 2 div sont extensible à souhait, ensuite le div bannière

#banniere
{
    width:800px;
    height:100px;
    background-image:img(url de l'image);
    position:absolute;
}

de cette manière la bannière superpose les 2 div, mon problème maintenant est que j'aimerai centré #banniere, j'ai essayer avec margin-left:auto et margin-right:auto mais malheureusement ca ne la centre pas :s

problème résolu grace à

background-position:center;
background-repeat:no-repeat;

merci quand même