title: CSS How to get height between header and footer?
body: <p>I have a site which always has a height of 100%. The header and the footer always has a fixed height. First some code:</p>
  
  <p>CSS</p>
  
  <pre><code>#header { height: 50px; }
  #footer { position: absolute; bottom: 0px; height: 20px; }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;!-- in the body tag --&gt;
  &lt;div id="header"&gt;Header&lt;/div&gt;
  &lt;div id="content-Left"&gt;&lt;/div&gt;
  &lt;div id="content-Right"&gt;&lt;/div&gt;
  &lt;div id="footer"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>EDIT:
  As you can see I have a div content(left and right) between header and footer. I want these divs to fill up all the space between header and footer. The content-left div must always show a right-border from header to footer. How can I do this?</p>