Discussion :

[hokett]

Bonjour,
Je suis en train de réaliser un site (comme tout le monde ici!).

J'ai un probleme d'image de fond qui se déplace avec la scrollbar.
Donc, j'ai utilisé dans le css "background-attachment: fixed", mais étant donné que mon site ce positionne au centre du navigateur grace a "margin-right: auto" et "margin-left: auto",
l'image de fond ce positionne au 0,0 (en haut à gauche) de la fenêtre du navigateur et disparait du site plus on agrandit la fenetre du navigateur.

Je vous joins les fichiers html, css et image.
SVP, aidez moi. Je n'ai déja plus de cheveux à m'arracher.
Merci

[Erwan31]

Bonjour,
un background fixed se place en effet en fonction de la zone de visualisation et non de son élément conteneur.
Tu dois donc positionner ton background comme son bloc conteneur sachant que la valeur 50% permet de centrer le centre (horizontal et vertical) de l'image.
J'ai utilisé les propriété raccourcis margin et background.
Pour le background la seule contrainte est de respecter l'odre horizontal puis vertical pour les valeurs de positionnement qui doivent être rassemblées et en fin de déclaration pour éviter un bug de Safari (anciennes version).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#Content {
	position: relative;
	overflow: auto;
	width: 800px;
	height: 400px;
	margin: 30px auto 0;
	background: #00FF00 url(GRID.jpg) fixed no-repeat 50% 30px;
}