Imagen de background y DIV al 100%

[reynierpm]

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?

[ArturoGallegos]

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

[LagoGZ]

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.

[reynierpm]

Iniciado por Ag666

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/

[reynierpm]

Iniciado por LagoGZ

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

[LagoGZ]

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.

[C2am]

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

[Carmelo9]

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