Background à 100% du navigateur [Résolu]

[alexhumeau]

Bonjour,

Je développe un site et je me retrouve face à un problème.
J'ai défini le fond du site par un dégradé de couleur, j'aimerais qu'il prenne 100% du navigateur mais il s'arrête à mon footer.

Voilà ce que cela donne:
http://site.weblib.eu/

Voici mon css qui me semble correct:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
body { 
  background: -moz-linear-gradient(top,#563F8C,#1E111E); 
  background: -webkit-gradient(linear, left top, left bottom, from(#563F8C), to(#1E111E)); 
  background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; 
  background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; 
    color: #FFFFFF; 
    cursor: default; 
    font-family: Tahoma,sans-serif; 
    font-size: 11px; 
    height: 100%; 
    line-height: 16px; 
    text-align: left; 
}

Ne tenez pas compte de l'enchainement des "background:", c'est pour que le dégradé marche sur tous types de navigateurs. SI je les retire, ça ne change rien.

La hauteur "height" a beau être à 100%, le fond s'arrête au footer pour se répeter.

Aucun bloc du site n'est en position "absolute".

Merci de m'aider si vous avez une piste !!

A+

[ornitho13]

Salut,

essaye ceci: enleve le dégradé sur le "body" et fait le sur le "html":

Code css :

1
2
3
4
5
 
html{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#563F8C), to(#1E111E));
    height:100%;
}

[alexhumeau]

Merci beaucoup ! Ca fonctionne