title: Creating a HTML page with 5 Frames
body: <p>I am trying to create a HTML Frame as seen in the image below. I will be creating a snapshot of the OS and the Server spaces <a href="https://i.stack.imgur.com/XPQjg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XPQjg.png" alt="HTML 5 Pane Frames"></a></p>
  
  <p>Request your help with this... I have tried iframes and am unable to get the setting right... The frames should occupy half the screens and the whole screen needs to be populated. It would be better if this can be scrollable and the frame borders movable in either directions.</p>
  
  <p>The image below shows How I have designed it now... I just don't seem to get the px or % right.
  <a href="https://i.stack.imgur.com/KCmAr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KCmAr.png" alt="This shows how I have done it"></a></p>
  
  <p>This is the code I have now: - </p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;iframe width="500" src = "menu.html"&gt;&lt;/iframe&gt;
          &lt;iframe width="500"&gt;&lt;/iframe&gt;
  
          &lt;br&gt;&lt;br&gt;
  
          &lt;iframe width="500px"&gt;&lt;/iframe&gt;
          &lt;iframe width="500px"&gt;&lt;/iframe&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>