title: iframe menu using html
body: <p>hi i want to make a menu on the side using iframe </p>
  
  <p>below are my code, can anyone guide me, the display looks very weird.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="EN"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;My Page&lt;/title&gt;
  &lt;style type="text/css"&gt;
  html 
  {
   overflow: auto;
  }
  html, body, div, iframe 
  {
   margin: 0px; 
   padding: 0px; 
   height: 100%; 
   border: none;
  }
  iframe 
  {
   display: block; 
   width: 100%; 
   border: none; 
   overflow-y: auto; 
   overflow-x: hidden;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;table&gt;
  &lt;tr&gt;
  &lt;td&gt;
  This is the Menu
  &lt;/h2&gt;
  &lt;br&gt;
  &lt;!--
  #######################
  the links to the iframe use the iframe name as the TARGET
  ####################### --&gt;
  &lt;a href="http://archive.ncsa.illinois.edu/primer.html" target="iframe1"&gt;
  Page 1
  &lt;/a&gt;
  &lt;br&gt;
  &lt;a href="http://www.w3schools.com/cssref/pr_text_color.asp" target="iframe1"&gt;
  Page 2
  &lt;/a&gt;
  &lt;br&gt;
  &lt;a href="http://www.w3schools.com/colors/colors_picker.asp" target="iframe1"&gt;
  Page 3
  &lt;/a&gt;
  &lt;br&gt;
  &lt;/td&gt;
  &lt;td width="150" valign="left"&gt;
  &lt;p align="right"&gt;
  &lt;body&gt;
  
  &lt;iframe id="tree" name="iframe1" src="http://www.agoogleaday.com/#date=2012-03-27" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="no" allowTransparency="true"&lt;/iframe&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the output of this code look like this</p>
  
  <p><img src="https://i.stack.imgur.com/8Dwo5.png" alt="enter image description here"></p>
  
  <p>the menu looks ok, but the content are very small, how do i make it fill all the window? </p>