Help: 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:

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+

[Membre supprimé]
Modifié par theotix (07 Apr 2018 - 15:17)

Bonjour,

ta feuille de style gere bien le background-size mais limite la hauteur de html a 100%, ce qui veut dire la hauteur de la fenêtre de ton navigateur, a mon avis il n'y a pas de bug, juste une erreur distraite .

Ce height:100%; appliqué a html ne semble avoir aucune raison d'etre (je ne vois pas body herité de cette valeur par exemple).

GC