title: Static Left Column With iframe Filling Remainder Right Side of Page
body: <p>Since the depreciation of the HTML FRAMES tag I have been at a loss of how to create the same affect using iframe with divides. I have read through 20 solutions on StackOverflow and many other websites and can't seem to find exactly what I need.</p>
  
  <p>I would like to have a static column on the left that is 200 pixels wide and fill the remaining page with an iframe. I would like it to also fill the height, (100%). The iframe needs to have a scroll bars.</p>
  
  <p>The ifrane is off center and no mater what code I use I wind up with either no scroll bars or double scroll bars. Any help would be greatly appreciated.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;style&gt;
    body, html {
     margin:0px;
     padding:0px;
     overflow:hidden;
     background: #f3f3f3;
    }
    iframe {
     overflow:hidden;
     height:100%;
     width:100%
    }
    #leftcol {
     position: absolute;
     top: 0px;
     left: 0px;
     border: solid #0000ff 1px;
     width: 200px;
     height: 100%;
     padding: 0px;
     margin: 0px;
     background: #ffffff;
    }
    #mainbody {
     position: absolute;
     top: 0px;
     left: 200px;
     border: solid #ff0000 1px;
     height: 100%;
     width: 100%;
     padding: 0px;
     margin: 0px;
     background: #ffffff;
    }
   &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div id="leftcol"&gt;Some text&lt;/div&gt;
   &lt;div id="mainbody"&gt;&lt;iframe height="100%" width="100%" src="http://example.com/"&gt;&lt;/iframe&gt; &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>