Imagen fija

[gotito]

He realizado una web en la que tengo una imagen fija que se muestra siempre pegada en la parte inferior del navegador.

El caso es que ahora me han pedido que añada una imagen institucional, la cual lleva una cabecera y un pie. Entonces al introducir el pie, como la imagen está fija, al bajar al final de la página, se sale de lo que era el contenido anterior, y yega hasta el pie actual.

Quisiera saber si es posible hacer que la imagen se muestre siempre pegada a la parte inferior del navegador, excepto cuando se llegue hasta donde está el pie, que la imagen debería quedar al borde del contenido anterior, sin sobrepasarlo. Espero haberme explicado bien. Y si eso fuese posible, cómo debería hacerlo.

Gracias.

[Alheran]

Me parece que si se puede

No tengo la respuesta exacta, pero a esperar que opinan los demas yo puedo empezar a sugerir el uso de jQuery, es muy facil de usar y con el puedes manejar eventos por divs, entonces me suena a que puedes hacer con jQuery que funcione en el div de en medio.

Es decir divides en
<div class="header"></div>
<div class="contenidos"></div>
<div class="pie"></div>

y con jQuery modificas el div contenidos para que sea ahi donde solo corra tu imagen.

Espero haber sido de ayuda.

[kseso?]

Css aporta los estilos. Los comportamientos condicionados (excepto en las pseufoclases) son función de otros lenguajes.
Te deberían cambiar el tema.
Quizás se pudiese hacer que aparentemente ocurriese eso pero que realmente fuesen dos imagánes distintas (la misma repetida dos veces) y rozando la divitis simulando la posición fixed con absolute y varias cajas. Nada recomendable.

Como te decía, deberías pedir el traslado del tema a foro de js