Centrado vertical atípico (alto dinámico)

[SrGo]

He solucionado un centenar de dudas gracias a la búsqueda, pero esta vez no me queda más remedio que pedir ayuda.

La página que estoy haciendo es un bloque que debe flotar centrado verticalmente, con la particularidad de tener un pie que debe ir pegado "al suelo". Además, el bloque central es de altura dinámica (por un JS que hace efecto acordeón).

A continuación una imagen aclaratoria de lo que debería hacer el bloque al estirar el navegador (puse colores al texto a juego con la imagen):


Ahora mismo el bloque lo tengo pegado arriba con un pequeño margen, lo podéis ver aquí: [URL="http://www.srgordillo.com/centrado.html"]centrado.html[/URL]

Como decía, no funciona ninguna solución de las que encuentro, unas fallan por culpa del pié y otras fallan por culpa del alto dinámico. Para el pié uso [URL="http://www.cssblog.es/sticky-footer-con-css/"] esta técnica de meter todo menos el footer en un contenedor con un margen negativo abajo[/URL], a lo mejor me recomendáis usar otra.

Muchas gracias de antemano por cualquier consejo que podáis darme!

[cristian_cena]

Hola SrGO:

Lo del footer siempre abajo lo puedes resolver viendo el codigo fuente de este ejemplo de mikmoro

Y lo del centrado vertical mirando este tutorial

Espero te sirva, saludos

[SrGo]

Gracias Cristian.

El footer del ejemplo está hecho con la misma técnica que el mío, aun así me ha servido para mejorar el código CSS y quitar algunas líneas. Bien!

Pero el tutorial de centrado vertical que me pasas es para altos fijos, y lo que hace "atípico" mi diseño es que tiene el alto dinámico.

Por la de horas que llevo investigando con mi amigo google empiezo a pensar que no se puede hacer... Voy a tener que mirar con alguna tecnología extra como JS, y ahí si que no se por donde empezar.

Help!