Bonsoir,

Je suis en train de mettre en forme laa v2 de mon site et je me heurte à un petit problème de CSS.
Je souhaite faire un design flexible, donc toutes les div sont définies par des pourcentages.

Le problème est le suivant :
Je veux que ma div de navigation ait une ombre a gauche et a droite, et je ne peux mettre une image en fond avec un repeat-y car le design est flexible. Je voudrais donc mettre un fond a gauche de la div et un fond à droite (en laissant le milieu blanc). Est-ce possible ?

Merci de vos réponses.

Divise ta partie en trois blocs différents.
Les deux parties qui sont sur les côtés ne sont pas extensibles, c'est à dire que tu leur définit une longueur bien précise ce qui te permet quelques folies Comme ton ombreen l'occurence.
Par contre, le div du milieu tu le rend extensible en utilisant des margins.

NOTE : Le tout en position:absolute, cela dit. J'ai jamais pensé à travailler autrement

Ok, je vais essayer ca, merci.

Edit : Ca ne va pas car je dois préciser une hauteur a mes divs d'ombres alors que la hauteur de ma navigation est en auto.

UP
Y'a pas un truc pour faire comme dans le futur CSS3 :
div#site

{

background-image: url('haut.png'), url('coinbasgauche.png');

background-position:top center, bottom left;

}