Discussion :

[tomny]

Bonjour à tous,
après lecture de la FAQ, j'ai écris ceci pour un div :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
body{
	text-align: center;
}
div#entete{
	height: 50px;
	line-height: 50px;
	/*** Debug ***/
	background:#e6e2af;
}
div#corps{
	margin: 0 auto;
	background-image: url(fond.jpg);
	background-position: center bottom ;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 70%;
	height: 85%;
	overflow: auto;
 
	/*** Debug ***
	background:#e6b5af;*/
	border: 1px solid;
}
div#pied{
	height: 50px;
	text-align: center;
 
	/*** Debug ***/
	background:#b5e2af;
}

Mon image s'affiche mais semble être lié à mon élément body ...
Il est centré mais semble attaché en dessous de la fin du bloc "corps".

Je ne comprends pas mon erreur.

Voici le html de la page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
	<head>
		<title>Acceuil </title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<div id="entete">
			Thomas
		</div>
		<div id="corps">
			<div id="gauche">
				<ul id="menu">
					<li>1</li>
					<li>2</li>
					<li>3</li>
				</ul>
			</div>
			<div id="droite">
				<div>
					<h2>
						Nouveautées !!!
					</h2>
				</div>
			</div>
			<div id="centre">
				<h2>
					Bienvenue sur notre serveur.
				</h2>
			</div>
			<hr classe="spacer"/>
		</div>
		<div id="pied">
			CopyRight
		</div>
	</body>
</html>

Merci à vous.

[tzilliox]

Salut tomny !

L'effet que tu décris par "lié à mon élément body" est du à l'utilisation de la propriété 'background-attachment: fixed;'. Cette propriété positionne ton fond par rapport à l'écran et non pas par rapport à ton élément.

Je ne pense pas que tu veuilles l'utiliser dans ton cas. Donc tu peux supprimer cette ligne et bien-sûr me dire si ça résout ton problème

Bon week-end,
Thomas.

[tomny]

Merci

Cela marche effectivement beaucoup mieux.
Mais il me semblait que cette propriété était lié au bloc et non à la page ...

Enfin bon cela fonctionne et j'aurais approfondi mes connaissance.