Cambiar el tamaño dinámicamente de la altura de div en función del tamaño / resolución del monitor del usuario

Tengo un diseño de tres filas, una columna de sitio y me gustaría que el tamaño del centro del contenido se redimensionara para ajustarse al rest de la columna (altura de la pantalla – (altura de pie de página codificada + altura de encabezado codificada)). ¿Hay una manera linda de hacer esto con CSS? Si no, ¿cómo puedo lograr esto con javascript?

Gracias,

Tom

#container { background-color: gray; height: 100%; } #centercolumn { background-color: white; margin-left: auto; margin-right: auto; width: 800px; height: 100%; } #header { background-color: blue; height: 150px; } #content { background-color: yellow; } #footer { height: 50px; background-color: blue; }      
content

Sticky Footer te hará libre.