Problema Background repeat Y en Firefox

[tato_RC]

Hola, estoy teniendo el problema que menciona el título, estoy diseñando una página y tengo una imagen que se tendría que repetir en el eje Y.
Funciona correctamente en IE pero en FF me muestra la imagen pero no la repite y en Chrome tampoco me lo hace.

Este es el código CSS:

Código:

#contenedor
{
	background-image: url(../Imagenes/BackGround/bg_Container.png);
	background-repeat:repeat-y;
	width: 900px;
	padding-bottom: 35px;
	margin: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;

}

Alguna idea de que puede estar pasando?

[DragonX]

Código css:

#contenedor
{
    background: url(../Imagenes/BackGround/bg_Container.png) repeat-y;
    width: 900px;
    padding-bottom: 35px;
    margin: 0 auto;
}
 

Igualmente te recomiento no utilizar mayúsculas en los nombres de tus archivos y/o directorios.

Slds.-

[tato_RC]

Acabo de probar el código que me pasaste y sigue sin funcionar ni en FF ni en Chrome.
Alguna otra sugerencia?

[alexk]

agrega esto a tu contenedor

Código:

#contenedor{overflow:hidden;}

chao y suerte

[kseso?]

Tato, supongo que sólo se te verán los 35px superiores de la imagen, ¿verdad?
La caja '#contenedor' no tiene altura definida ni contenidos que la hagan crecer, por lo tanto su su tamaño en la vertical es sólo su padding.

Prueba a marcarle una altura, la que quieras, o a meter contenido en él.

[tato_RC]

Exacto, se ve solamente los 35px del padding. Poniendole una altura, la imagen se repite, pero la idea era que el div tuviese la altura que le dan los contenidos que van dentro del él más el espaciado de abajo. No se si se entiende?
Probe poniendole un min-height, pero en el caso de que el contenido supere la altura del div, sigue sin repetirlo. En IE 7 lo hace perfecto pero en FF y chrome no.
Hay alguna forma de evitar poner una altura para el div y que me repita la imagen de background?

[kseso?]

La repetirá siempre que el div crezca.
Si añades unos párrafos de texto (<p></p>) o unos saltos de línea (<br />) verás como esa imagen acompaña en altura al div que la contiene.

Otro caso distinto es que todo lo que contiene esa caja sean elementos flotados. Entonces tendrás que añadir lo que te comentó Alexk.

[tato_RC]

Perfecto! :D era como dijiste al final vos y habia mencionado antes alexk
Agregando overflow:hidden se soluciono.
Muchas gracias

[alexk]

tato_RC que bueno...

[Lorelopez]

A mi me pasa lo mismo, FF no me repite el fondo e IE sí, solamente que yo he aplicado el background-image al body y no al Contenedor, hasta hace poco sí me lo leía, no sé si será por la versión del explorador.


Mirad:

body {
background-image:url(../images/1.jpg);
font-family: Georgia, "Times New Roman", sans-serif;
color: black;
font-weight: normal;
font-style: normal;
font-size: 16px;
}

Espero vuestro feedback...

[Lorelopez]

Bueno, tamb he probado con background-repeat:repeat-y; que se me olvidaba!

;)

[alexk]

Lorelopez mejor abre un nuevo post... que no logro entender bien... al body no hay necesidad de ponerle el overflow en este caso... de igual manera deja tu html y css y si se puede la URL del problema chao!...