Footer background repetible en horizontal, ayuda por favor

[Fleiva]

Hola gente, estaba buscando una solución a cierto problema que me ha surgido mientras creaba un template para joomla. Se que no debe ser muy difícil porque he visto cosas similares en varias webs, pero es algo que siempre quise hacer y nunca encontré el cómo.

La cosa es simple, me gustaría poner una ilustración en la parte de abajo de mi web y que se quedase ahí.

Sabría poner la imagen abajo en lo que viene siendo la zona de contenido, pero me pierdo al hacer que continue en los laterales. Más que nada me pregunto si hay alguna forma de establecer un fondo sobre el fondo principal.

Si mi explicación no fue lo suficientemente clara, tengo una imagen aquí de la web para ilustrar la situación: http://i39.tinypic.com/33fb7v7.jpg

De lo que hablo es de la parte granate de abajo con el degradado, la idea sería hacer un png de dimensiones anchas para que el degradado se viese perfecto en todas las resoluciones, aunque si pudiese hacerse repetible también me valdría.

Saludos, y gracias de antemano

[emiliodeg]

pero le pones simplemente un png de 1px de ancho por el alto que quieras q tenga el degrade y lo repetis en x, de ultima tendra q meterlo dentor de otro contenedor pero no mas que eso

[Fleiva]

Y como hago para que ese div quede abajo siempre, sin importar lo largo que sea el texto principal?

[willyfc]

mira en estos enlaces que hizo Mikel con el pie siempre abajo

http://araudi.net/ejemplos/conjunta.html

http://araudi.net/ejemplos/pie_siempre_abajo.html

[Fleiva]

No lo pillo :<

Me pongo a mirar con el firebug y a probar lo que el pone pero no me sale nada, gracias igualmente.

[willyfc]

Iniciado por Fleiva

No lo pillo :<.

que es lo que no pillas, el código de Mikel?, esta en el código fuente

[caricatos]

Hola:

Para un gradiante no es necesario una imagen ancha, basta con 1 pixel de grosor, y para que se repita horizontalmente basta con usar background-repeat: repeat-x.
Y background-position: bottom:

Código:

body {
 background: yellow url(fondo.gif) repeat-x bottom;
}

El gradiente puedes conseguirlo en esta página: Gradientes (php + librerías GD)

Saludos