[CSS 3] Dégradé coupé en bas de page [Résolu]

[hannibal.76]

Bonjour a tous,

je suis en train de refaire un site en le passant sur du CSS3.


Voici le contenue du style pour mon body:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
body{
	width:800px;
	margin-left:auto;
	margin-right:auto;
 
 
	/*degrader*/
	background: #ff0084;
	background: -moz-linear-gradient(top, #ff0084 0%, #bc0090 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0084), color-stop(100%,#bc0090));
	background: -webkit-linear-gradient(top, #ff0084 0%,#bc0090 100%);
	background: -o-linear-gradient(top, #ff0084 0%,#bc0090 100%);
	background: -ms-linear-gradient(top, #ff0084 0%,#bc0090 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#bc0090',GradientType=0 );
	background: linear-gradient(top, #ff0084 0%,#bc0090 100%);
 
}

Jusque pas de soucis j'ai mon dégrader.
Malheureusement pour les page qui sont plus petite que la hauteur d'affichage j'ai un bug dans le dégrader. (voir l'image si dessous)




J'ai bien sur essayé de faire en sorte que le body prennent toutes la hauteur, mais sur les pages plus longue je me retrouve avec le même type de bug (un degrader par hauteur de page .....)


Donc si vous avez une idée pour résoudre mon probleme ...

Je vous remercie d'avance pour votre aide

[Candygirl]

Hello,

ça dépend un peu du comportement que tu souhaites obtenir...
L'ajout d'un :

Code :

1
2
3
body{
	background-attachment:fixed;
}

conviendrait-il ?

[hannibal.76]

Ca marche !!!
J'ai tout testé sauf ça... Boulet inside.

Merci à toi pour ton aide.