.:Forzar repetición de fondo en un DIV:.

[JCorfer]

Hola a tod@s,

Estoy desarrollando una Web y en un div tengo una imagen que se repite verticalmente según crezca el div. Lo que ocurre esque, cuando crece el Div, la imagen de fondo, por la parte inferior del Div, queda entrecorta y estropea bastante el diseño.

Mi duda es si hay alguna forma "sencilla" de que, cuando crezca el Div y se repita la imagen de fondo, la última se cargue completa, y no quede entrecortada porque el Div no necesita crecer más por la información que muestra.

Gracias y saludos!

[emprear]

Si la imagen no es un fondo uniforme se produce eso, existe una nueva propiedad de css3 background-resize, pero dista mucho de ser reconocida por los diferentes browsers, la alternativa más compatible, es utilizar un plugin de jQuery, que se puede descargar desde aqui
http://johnpatrickgiven.com/jquery/background-resize/

Saludos

[DrFaust]

No hay una forma sencilla de hacer lo que querés.

Tendrías que ajustar por medio de JavaScript la altura del contenedor, para que siempre sea un múltiplo de la altura de la imagen. Como bien te dijeron, jQuery es ideal para este tipo de cosas, pero estarías complicándote bastante la vida.

Fijate si podés resolver este dilema a través del diseño. Por ejemplo, si el fondo de tu página es de un color sólido, podés hacer un gradient en Photoshop que vaya desde transparente hasta ese color, y exportarlo en formato PNG24 para que conserve el canal alpha. Entonces ubicás ese gradient abajo de todo en el contenedor, y así va a dar la ilusión de que la imagen que estás repitiendo se difumina hasta desaparecer.