title: CSS/HTML: How to simulate IFRAME with CSS?
body: <p>I want to have a header DIV and a footer DIV <em>always</em> displayed on my web page, regardless of when you scroll down the page.</p>
  
  <p>How do I accomplish this using only CSS (without IFRAMES)</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;div id=header&gt;Always display on top, regardless if you have scrolled down the page&lt;/div&gt;
  &lt;div id=main_content&gt;...&lt;/div&gt;
  &lt;div id=footer&gt;Always display on the bottom&lt;/div&gt;
  </code></pre>