title: iframe layout in Html5
body: <p>I want to use iframes for html5 layout for some reason.  Want the panelframe and bodyframe to occupy the full height of the browser leaving 56px at top for header and 54px at bottom for footer.  But the following code is not working.</p>
  
  <pre><code>&lt;iframe name="headerframe" width="100%" height="56" frameborder="0" src="header.html"&gt;&lt;/iframe&gt;
  
  &lt;iframe name="panelframe" width="300" height="95%" frameborder="0" src="panel.html"&gt;&lt;/iframe&gt;
  
  &lt;iframe name="bodyframe" width="auto" height="95%" frameborder="0" src="body.html" &gt;&lt;/iframe&gt;
  
  &lt;iframe name="footerframe" width="100%" height="54" frameborder="0" src="footer.html" &gt;&lt;/iframe&gt; 
  </code></pre>
  
  <p>Any help?</p>