Bonjour à tous !!!
Moi je suis nouveau alors je vous bonjour et merci de l'accueil qui sera j'en suis sûr des plus cordiaux.
Alors je vous explique mon probleme après n'avoir trouvé aucun réponse nulle part...
le site : http://www.isad.fr/testindex.php
Alors voilà le site n'a pas de largeur fixe ni de hauteur. Quand l'utilisateur tombe sur une page avec bcp de texte la barre de scroll du navigateur s'active. En largeur la partie contenu est fixe mais la bannière s'allonge pour occuper tout l'espace en largeur. Pour cela j'ai mis l'image en background du body
body{margin:0;
background:#FFEE9A url(repeatx.jpg) repeat-x;
}

mais j'aimerai également que le menu vertical s'allonge jusqu'en bas alors j'ai fait ça :
body{margin:0;
background:#FFEE9A url(repeaty.jpg) repeat-y;
}

malheureusement il est évident que mettre 2 backgrounds à un bloc ne fonctionne pas...
Que faire faire pour cumuler repeat-x et repeat-y ?
J'ai tenté de faire un div contenant mon repeat-y :
div#ensemble_repeaty{background:url(repeaty.jpg) repeat-y; 
position:absolute; 
bottom:0px; 
top:0px; 
width:212px;}

mais (bizarement) il me cache la photo du header Smiley confus
J'ai tenté de mettre z-index:0; à l'un et z-index:20; à l'autre mais rien à faire comme vous pouvez le constater sur le site l'image est toujours masquée....
Enfin mon header et mon menu vertical ont tous les deux un background deja et j'aimerai ne pas avoir à empiler des div dans des divs...
Probleme irrésolvable ? Comment ils font les gens d'habitude ? Smiley langue
Merci d'avance !!!!!
Modifié par Bobdade (18 Jan 2007 - 17:37)