CSS - div header y footer fijo y div contenido llene todo el alto

Hola!.

Por mi pregunta entenderéis fácilmente que estoy empezando a aprender y tengo un problema donde me he quedado atascado y no consigo encontrar una respuesta que funcione por mas que busco.

Estoy practicando con divs y css. Tengo un div header y otro footer los cuales quiero que estén siempre visibles (fijos). También tengo un div contenido y quiero que cuando no tenga información suficiente como para llenar la pagina, color de fondo de este div llegue hasta el footer y cuando tenga información suficiente se pueda hacer scroll sin que un divse superponga a otro.

La imagen aclara mi explicación. Muchas gracias

Hola para solucionar este problema podríamos utilizar un CSS utilizando lo siguiente en el contenedor que queremos tener siempre visible.

position: fixed;

y con un min-height con el tamaño proporcional al tamaño de la ventana, que puedes asignar en porcentaje para que sea dinámico

Francisco Daniel gracias por tu respuesta, ya había intentado lo que me comentas si éxito, aun así gracias de nuevo.

Hola,
Aquí tienes un ejemplo:
http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_toolbars_fixed


Un saludo,
David
diseño web madrid

David muchas gracias por la respuesta, me ha sido de gran ayuda y es exactamente lo que necesitaba. Ahora me pondré a trabajarla. Un saludo.