title: How do I stretch the middle <div> height in a three-<div> layout?
body: <p>I am trying to do is to layout three <code>&lt;div&gt;</code>s: a top (for navigation), center, and footer <code>&lt;div&gt;</code>. 
  The top and bottom <code>&lt;div&gt;</code>s have fixed height.</p>
  
  <p>How can I make the center <code>&lt;div&gt;</code> stretch 100% and subtract the height of the others (top and bottom)?</p>
  
  <p>Note: I have given the body, html height 100%.</p>