Foros del Web » Creando para Internet » CSS »

Imagen de background y DIV al 100%

Estas en el tema de Imagen de background y DIV al 100% en el foro de CSS en Foros del Web. Hola a todos: Quizas me quieran matar por esta pregunta pero bueno ya llevo rato intentando y no logro hacerlo funcionar. Estoy maquetando una web ...
  #1 (permalink)  
Antiguo 14/03/2012, 18:33
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 140
Antigüedad: 10 años, 7 meses
Puntos: 1
Imagen de background y DIV al 100%

Hola a todos: Quizas me quieran matar por esta pregunta pero bueno ya llevo rato intentando y no logro hacerlo funcionar. Estoy maquetando una web y para ello estoy usando Twitter Bootstrap como base y aplicando mis estilos el tema es que necesito poner una imagen de background en un DIV contenedor que tiene 640px de height pero por mas que intento no lo logro a menos que le especifique al DIV que su height es de 640px. He probado lo siguiente:
Código HTML:
html, body { height: 100%; }
* html .home-background {
	height: 100%;
}
.home-background {
	background: url("../img/background.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
}
Pero no me funciona, alguna idea de como lograrlo?
__________________
Reynier Perez Mira
Skype: reynierpm
Site: http://www.reynierpm.com
  #2 (permalink)  
Antiguo 14/03/2012, 22:46
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 13 años, 8 meses
Puntos: 1145
Respuesta: Imagen de background y DIV al 100%

me suena a que los elementos que están en el interior de dicho div están flotando, intenta agregar overflow:hidden al div que necesitas con background
  #3 (permalink)  
Antiguo 15/03/2012, 03:24
 
Fecha de Ingreso: marzo-2012
Mensajes: 30
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: Imagen de background y DIV al 100%

Igual es tontería, pero pq no pruebas con background-image en lugar de background?

Cuál sería el problema de tener q especificarle el tamaño? el div es dinámico?

Un saludo.
  #4 (permalink)  
Antiguo 15/03/2012, 08:22
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 140
Antigüedad: 10 años, 7 meses
Puntos: 1
Respuesta: Imagen de background y DIV al 100%

Cita:
Iniciado por Ag666 Ver Mensaje
me suena a que los elementos que están en el interior de dicho div están flotando, intenta agregar overflow:hidden al div que necesitas con background
No estan flotando mira la web aca http://testexam.webatu.com/
__________________
Reynier Perez Mira
Skype: reynierpm
Site: http://www.reynierpm.com
  #5 (permalink)  
Antiguo 15/03/2012, 08:25
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 140
Antigüedad: 10 años, 7 meses
Puntos: 1
Respuesta: Imagen de background y DIV al 100%

Cita:
Iniciado por LagoGZ Ver Mensaje
Igual es tontería, pero pq no pruebas con background-image en lugar de background?

Cuál sería el problema de tener q especificarle el tamaño? el div es dinámico?

Un saludo.
Ahi deje la web de ejemplo he probado con background-image pero no, ese no es el problema y sobre lo que me comentas de cual es el problema en especificarle el tamaño reside en que cuando el contenido interior sea mayor de 640px entonces me va a crear un scroll vertical y es precisamente lo que no quiero :)
__________________
Reynier Perez Mira
Skype: reynierpm
Site: http://www.reynierpm.com
  #6 (permalink)  
Antiguo 15/03/2012, 17:06
 
Fecha de Ingreso: marzo-2012
Mensajes: 30
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: Imagen de background y DIV al 100%

Buenas noches.

Si estás utilizando algún lenguaje de servidor com por ejemplo php podrías redimensionar las imágenes, pero con CSS pienso q no se puede ajustar la imagen a no ser q le definas el tamaño.

Un saludo.
  #7 (permalink)  
Antiguo 15/03/2012, 21:51
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 12 años, 9 meses
Puntos: 306
Respuesta: Imagen de background y DIV al 100%

El tamaño del fondo no define el tamaño de la caja (div o lo que sea).
En caso de que dicha caja no tenga contenido, pues, no se mostrará nada.
En caso de que supere el tamaño de la imagen de fondo, tienes las opciones de que se repita dicha imagen, no se repita, posicionarla, etc.
Si quieres que tenga exactamente el tamaño de la imagen de fondo, asignale dicho tamaño.
Si no quieres que te aparezca el scroll, tienes la opción de overflow:hidden, pero ten en cuenta que con esto el contenido no se mostrará.

Ahora, si lo que pretendes es que la imagen siempre ocupe el 100% del alto del div, más allá de cual sea su tamaño, entonces la cuestión es:
¿Quieres que la imagen no se deforme? -> Mira aquí
Si no te importa que se deforme entonces mira aquí

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #8 (permalink)  
Antiguo 16/03/2012, 01:18
 
Fecha de Ingreso: marzo-2012
Ubicación: Republica Dominicana
Mensajes: 51
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: Imagen de background y DIV al 100%

Si quieres que la imagen del background ocupe todo el fondo prueba
background-size:100%; y si es lo que quieres el div es innecesario porque por mas grande que quieras que se ponga el background del div no se va a mostrar mas que el tamano que tenga dicho div.
Espero que te ayude...! :D

Etiquetas: html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:41.