Discussion :

[hichamdeb]

Bonjour,
je voudrai faire un degradé a droite et a gauche de mon site comme sur www.referencement.com

j'ai essayer le code ci dessous mais les dégradé sont a gauche alors que le site est centré, quand j'ai essayer de mettre position:absolute c'est le site qui se deplace a gauche

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
body {
  margin: 0pt 0pt 0px;
background:transparent url(../images/main_bg.png) repeat-y scroll 0%;
display:block;
font-size:100%;
margin:0pt auto;
position:relative;
text-align:center;
width:783px;
}

[Macmillenium]

Bonsoir,

C'est la propriété background-position qui permet de gérer le positionnement d'un background.
Dans ton code, la valeur de cette propriété est à 0%, c'est à dire, background-position:left top; => le background se positionne en haut à gauche du body.

Pour le centrer, il faudrait simplement donner la valeur center au lieu de 0% de telle manière que ton background se positionne bien au milieu du body :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
body {
/* margin: 0pt 0pt 0px; inutile, double déclaration */
background:transparent url(../images/main_bg.png) repeat-y scroll center;
/* display:block; inutile, c'est le comportement par défaut du body */
font-size:100%;
margin:0pt auto;
position:relative;
text-align:center;
width:783px;
}

[hichamdeb]

merci infiniment , problème réglé