three rows divs streach ! plz

Question

Dear ALl:

Thank you for this amazing site, what I am trying to do is to make three divs top (nav) center and footer div top and bottom divs have fixed height My question how can I make the center div streach 100% and subtract the height of the others (divs [top and bottom])?

here is the path to the test page

thank you in advance

note: I have given the body, html height 100%

Answer 1

if it's divs you're using, I think that Javascript is the only answer to this one.

Answer 2

JQuery and/or Javascript.