Caja al final de la pagina

[jeansalas19]

Hola amigos, tengo una duda de como hacer esto con CSS:

Lo que quiero hacer es que una imagen siempre se vea al final de mi pagina, el problema es que también quiero que si el body, no abarca todo el alto del explorador, la imagen este siempre abajo, pero también si el body abarca mas que el explorador, la imagen se vea al final de la pagina. Algo así:

img110.imageshack.us/img110/1355/bodypeq.jpg

img7.imageshack.us/img7/7569/bodygrande.jpg

(El foro no me permite poner imágenes aun)


Si alguien me pudiera ayudar seria fantástico, si necesitan mas información no duden en pedirla, todo sea por arreglar el problema. gracias!!

[kseso?]

Utiliza la propiedad 'position:fixed' y lo complementas con los valores 'bottom:0; left:0;' o los que precises.

Pero si lo quieres hacer compatible con ie6, eso no te sirve, así que tendrás que usar otra forma alternativa, como la que Mikmoro tiene en su cofre de los tesoros: www.araudi.net

Un saludo

[jeansalas19]

Gracias de todas formas, buscare como hacerlo :)

[Mikmoro]

¿Y que si el body es más alto que la pantalla, lo que haya abajo quede detrás de la imagen?

position: absolute;
bottom: 0;

¿Y que si el body es más alto que la pantalla, la imagen quede siempre después del contenido?

en las FAQ de CSS tienes un ejemplo.

(siempre con las ambigüedades en los términos, grrr)