No soy nuevo en CSS, pero esto es un problema para mí y no puedo resolverlo. Necesito construir el diseño de la siguiente manera:

Diseño http://img121.imageshack.us/img121/2153/layoutsample.jpg

Divs que están en la parte inferior y en la parte superior tienen alturas fijas. El que está en el centro debe estar exactamente a la altura de PAGE HEIGHT - DIV 1 HEIGHT - DIV 3 HEIGHT o, en algunos casos, más pequeño.

También debe tener este tamaño configurado porque predigo que a veces su contenido será más grande que él y luego necesitará una barra de desplazamiento dentro.

Aceptaré el caso en que DIV2 sea más pequeño, pero nunca demasiado grande para ajustarse al tamaño de página con DIV1 y DIV3.

Cualquier solución será buena, no solo usando CSS, sino que si tienes una idea, también puedes lanzar Javascript ... Estaré agradecido por cualquier solución ... incluso no es completamente correcta :)