title: CSS Single-column layout centered fixed-width 100% height w header and footer
body: <p>I've been recently looking into an CSS layout that will display a single centered column with fixed-width (min-width, expandable preferably) that occupied the whole height (minus header and footer).</p>
  
  <p>Any suggestions for this? I have tried several approaches posted here on so but none meets my criteria. Also, I do not want to use JS for this, so it has to be pure CSS.</p>
  
  <p>I'm no expert so I don't know which approach to take:</p>
  
  <p>three columns with each side columns margin minus half of center column width together with a faux center column to stretch to 100% height? I somewhat dislike this idea because my side columns will have no content whatsoever</p>
  
  <p>single column with margin 0 auto 0 auto to center it and top: xx px to make room for header? Then how do I stretch it to 100% height?</p>
  
  <p>Any help highly appreciated.</p>
  
  <p>Cheers,
  chross</p>