Imagen de fondo pegada a parte de abajo

[lawlietdks]

Buenas, el título no sé si explica bién lo que quiero decir:

He visto en una web: http://www.easywaytea.com.au/ que esas "burbujas" azules del fondo están pegados a lo que es el final de la página, y si quito zoom se quedan ahi, apareciendo debajo un color azul similar y estas "burbujas" no se mueven del sitio. He dado mil vueltas y estoy en aprendizaje de CSS, pero no logro entender como lo han hecho.

Sólo se me ocurre poner de background-image las burbujas con repeat-x y position: bottom, pero al hechar zoom atras, se queda abajo del todo.

¿Cómo podría hacer algo así? (Es puro aprendizaje)

Gracias

[pzin]

Esas burbujas son simplemente parte del pie de página, un elemento que en esa página está siempre abajo. No tiene mayor misterio.

[lawlietdks]

Iniciado por pzin

Esas burbujas son simplemente parte del pie de página, un elemento que en esa página está siempre abajo. No tiene mayor misterio.

Sí y no, es decir, si yo quito zoom a la página no queda abajo, se queda donde la web termina, no sé si me explico, pongo una imagen:



Si fuera de pie de página se arrastraría hasta abajo y sin embargo debajo sale todo azul, de este modo la web no se estira y tiene ese tamaño fijo quedando las burbujas en su sitio.

Gracias :)

[pzin]

Parece que mediante JavaScript meten otro elemento que calcula la altura sobrante. Míralo con el inspeccionador de elementos, que aparece un div con clase afterfooter, y ese azul no es más que un color de fondo. A mi me parece una cosa muy cutre.

Si quieres que pie de página esté siempre abajo, entonces usa alguna solución sticky footer.

Si es sólo por aprendizaje, no aprendas de ese sitio. Si necesitas hacer algo específico, pregunta.

[lawlietdks]

Iniciado por pzin

Parece que mediante JavaScript meten otro elemento que calcula la altura sobrante. Míralo con el inspeccionador de elementos, que aparece un div con clase afterfooter, y ese azul no es más que un color de fondo. A mi me parece una cosa muy cutre.

Si quieres que pie de página esté siempre abajo, entonces usa alguna solución sticky footer.

Si es sólo por aprendizaje, no aprendas de ese sitio. Si necesitas hacer algo específico, pregunta.

Muchas gracias.
En ese caso, ¿se podría hacer lo siguiente?

Teniendo la imagen de esas burbujas, ponerlas a pie de página como background en bottom en repeat-x, de este modo ya ocupa la parte inferior repitiéndose... pero quedaría por detrás de las tablas / div que tenga en la web, alguna forma de que quede por delante? es decir ese trozo de background por encima de la propia web

Gracias de nuevo