28173 sujets

CSS et mise en forme, CSS3

Salut à tous,

Pour mon site j'ai besoin de placer une grosse image en background afin d'obtenir l'effet désirer :

upload/13675-site.png

C'est un dégradé radial de très grande taille qui doit être placé très précisement puisque il permet de gérer un ombrage autour du corps du site.
J'ai donc entourer tout le contenu de mon site avec un div "background" auquel j'applique le style suivant :

.background
{
	background:url(struct/bg_general.jpg) no-repeat;
	margin:0;
	padding:0;
	border:none;
	background-position:50% -3%;
}


Jusque là tout va bien le background se positionne correctement quelque soit les résolutions. Cependant si je rajoute un quelque chose a mon site qui le fait grandir en hauteur , l'image se décale.
Le positionnement horizontal est bon mais le vertical ne l'est plus.

Comment faire pour positionner ce fond , pour qu'il soit idéalement placé quelque soit la résolution d'écran (ce que j'ai réussi a faire) et la longueur du site ?

Merci
ton fond n'est pas étirable visiblement !
Si tu as un contenu plus long que ton fond tu va forcement avoir un débordement et ceux quelque soit la résolution...