Fixed Header, Footer, and Sidebars with scrolling content area in center

Question

Starting with this Demo Template, I would like to create this layout:

Answer 1

EDIT
1.Add position property as absolute for the div you wish to fix .
2.Keep the body overflow property auto.

Note: setting the z-index of the body to -1 will make the rest of body inaccessible.
Reference : http://limpid.nl/lab/css/fixed/