iframe menu using html
<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>