Background à 100% du navigateur
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+
