Fondo de Gradiente en CSS - No toma toda la pantalla - ayuda

Iniciado por jamarchi, 25 Enero 2012, 18:18 PM

0 Miembros y 1 Visitante están viendo este tema.

jamarchi

Hola Gente....

Gusto en saludarlos nuevamente....

Tengo el siguiente problema, quiero poner un gradiente como fondo de mi pagina web, esto funciona sin problemas, aqui les pongo el codigo para que lo vean, lo que pasa es que solo hace el gradiente hasta donde se muestra informacion o donde llega un div, osea no hace el gradiente de toda la pagina y obviamente lo ideal seria que el gradiente fuera de toda la pagina independientemente que la info no llegue al final, le pongo la imagen al final para que vean de lo que les hable, gracias por la ayuda, como se podria solucionar el problema


body{
background: #dadfde; /* Old browsers */
background: -moz-linear-gradient(top,  #dadfde, #ffffff); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadfde), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dadfde 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dadfde 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dadfde 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #dadfde 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadfde', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



flacc

#1
Lo que puede estar pasando es que toma como altura la altura del div sin tomar la altura del cuerpo de la web, pero si agregas la altura al 100% no funciona así que agregue altura mínima y altura al 100%...

Código (css) [Seleccionar]
body{
       height:100%;
        min-height:900px; /*esto lo modifica a gusto*/
}