28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'essaye d'étirer une image d'arrière-plan pour faire un effet d'ombre derrière le contenu de mon site avec le CSS suivant :


body {
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px;
	background-color: #DEDBD7;
	color: #5B5B5B;
    position:absolute;
    width: 756px;
    left: 50%;
    margin-left: -378px; /* moitié de la largeur */
    height: 100%;
}
#global {
	background: transparent url('/media/background01.gif') 0 0 repeat-y;
    height: 100%;
}


Problème : l'image s'étire bien sur toute la hauteur de la page, mais si je descends sur une page plus longue avec l'ascenseur, je remarque que l'arrière-plan ne s'est pas étiré plus bas !

C'est quoi le problème ?

Merci.
- Manu
Bon comme personne ne répondait, je me suis débrouillé tout seul.

Si quelqu'un rencontrait le même problème, voici la solution :


body {
        font-family: Verdana, Helvetica, sans-serif;
	margin: 0px;
	color: #5B5B5B;
    position:absolute;
    width: 756px;
    left: 50%;
    margin-left: -378px; /* moitié de la largeur */
	background: #DEDBD7 url('/media/background01.gif') 50% 0 repeat-y;
}
#global {
}


- Manu