elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 16:34  


Tema destacado: ¡Aprende hacking con práctica! - WarZone, el wargame de elhacker.net

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  Fondo de Gradiente en CSS - No toma toda la pantalla - ayuda
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Fondo de Gradiente en CSS - No toma toda la pantalla - ayuda  (Leído 464 veces)
jamarchi

Desconectado Desconectado

Mensajes: 150



Ver Perfil
Fondo de Gradiente en CSS - No toma toda la pantalla - ayuda
« en: 25 Enero 2012, 18:18 »

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

Código:
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 */
}



En línea
Mini_Nauta


Desconectado Desconectado

Mensajes: 627



Ver Perfil WWW
Re: Fondo de Gradiente en CSS - No toma toda la pantalla - ayuda
« Respuesta #1 en: 26 Enero 2012, 06:10 »

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
body{
       height:100%;
       min-height:900px; /*esto lo modifica a gusto*/
}


« Última modificación: 26 Enero 2012, 06:22 por Mini_Nauta » En línea


Visita mi Blog de películas, artículos, ocio y mucho mas...
Películas, Animé y Series
"Si te pones a pensar en hacer algo, nunca lo vas a hacer. Hacer sin pensar, en este caso, es una decisión inteligente."
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Form que ocupe TODA la pantalla
Programación Visual Basic
BenRu 14 1,545 Último mensaje 14 Abril 2006, 21:50
por BenRu
Formulario en Toda la Pantalla
.NET
juanjoxx 2 2,247 Último mensaje 22 Octubre 2006, 18:39
por P[i]
un fondo de pantalla :D
Diseño Gráfico
crow666 8 1,699 Último mensaje 2 Enero 2008, 16:28
por Azielito
fondo de pantalla
Programación Visual Basic
pastillas 1 401 Último mensaje 12 Abril 2008, 19:49
por seba123neo
Ayuda: Como cambiar fondo de pantalla en windows 7 Starter.
Windows
Graphixx 2 2,106 Último mensaje 7 Enero 2011, 00:43
por Shiro_himura
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines