[SOLUCIONADO] Background que ocupe todo mi web

[gerosamore]

Hola que tal a todos, soy nuevo en esto. tengo un serio problema con mi página, tengo 5 secciones pero una de ellas, no es muy larga en alto, por lo tanto el background solo me cubre hasta donde termina el body. El código es que utilizo es:

html, body{
margin: 0;
padding: 0;
background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%);
background: -o-linear-gradient(top, #000000 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
background-repeat:no-repeat;
background-size:cover;

}

Utilizo ese codigo pero solo me toma hasta que termina el footer y la parte de abajo me la hace toda blanca, es decir no continua el degrade.

[pzin]

Algo así te valdrá:

Código CSS:

html {
  height: 100%;
}
 
body {
  min-height: 100%;
}
 

[gerosamore]

Gracias amigo ! me salvaste. Me funciono perfectamente, pero quisiera saber que hace ese codigo. Gracias nuevamente !

[root32]

Iniciado por pzin

Algo así te valdrá:

Código CSS:

html {
  height: 100%;
}
 
body {
  min-height: 100%;
}
 

Iniciado por gerosamore

Gracias amigo ! me salvaste. Me funciono perfectamente, pero quisiera saber que hace ese codigo. Gracias nuevamente !

Lo que significan los valores que te escribio pzin son: html tendra como valor inicial el 100% del alto de la ventana de tu navegador para que tu background no se corte, y body tendra como alto minimo el 100% de html. Si a html no le declaras el height: 100%; no te funcionaria agregarle un min-height: 100%; a body ya que su etiqueta padre no tiene un alto definido.