title: How can I change iFrame from px to %
body: <p>So I have looked through the site and have noticed that people have been having the same trouble as me.  When I created my website, I did it based off of my screen's dimensions.  When I used other computers, I noticed that because the iFrame is in px ad not percentages, that it doesn't look as nice.</p>
  
  <p>I was told to fix this, all I needed to do was to put within my CSS: height = 100%;.
  However, no matter what I do, it is not working.  I have tried to make the body within the CSS to have the height as 100% and even tried it within the HTML document itself.  </p>
  
  <p>Any ideas on what I'm doing wrong?  Here is the code:</p>
  
  <pre><code>html { 
    background: url(http://images.wikia.com/zelda/images    /f/ff/Hyrule_Castle_in_Twilight.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
  
    body{
        text-align:center;
        height: 100%;
    }
  
    a{
      color:black;
        text-decoration: none;
    }
  
    b{      
      border:3px solid;
      padding:0.2em 0.6em;
      background:#FFFF99;
      border-radius:25px;
      width:auto;
      }
  
    b:hover {background-color:gray;}
  
  iframe{
      border:8px solid; 
      background-color:#FFFF99;
      }
  </code></pre>
  
  <p>and for my html:</p>
  
  <pre><code>&lt;!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;Twilight Princess: About&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="ztp.css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div class="content"&gt;
          &lt;iframe src="about_info.html" name="content" width="70%" height="70%"&gt;&lt;/iframe&gt;        
      &lt;/div&gt;
  
      &lt;div class="menu"&gt;
          &lt;p&gt;
          &lt;b&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/b&gt;
          &lt;b&gt;&lt;a href="script.html"&gt;Full Script&lt;/a&gt;&lt;/b&gt; 
          &lt;b&gt;&lt;a href="characters.html"&gt;Characters&lt;/a&gt;&lt;/b&gt;    
          &lt;img src="http://i.imgur.com/npVFj0O.gif" alt="yooooo"/&gt; 
          &lt;b&gt;&lt;a href="graphs.html"&gt;Graphs&lt;/a&gt;&lt;/b&gt;
          &lt;b&gt;&lt;a href="conclusion.html"&gt;Conclusion&lt;/a&gt;&lt;/b&gt;
          &lt;b&gt;&lt;a href="download.html"&gt;Downloads&lt;/a&gt;&lt;/b&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>THE HTML INSIDE THE FRAME:
  &lt;!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;title&gt;Twilight Princess: About&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="about.css"/&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div&gt;
              &lt;h2&gt;About&lt;/h2&gt;
  
                   &lt;p&gt;The Twilight Princess project is an investigatory look into the video game fantasy world of Hyrule. 
                  This iteration of the Zelda series features a rich culture of humans and different fantasy creatures,
                  all of which are being affected by a dramatic and evil takeover from a Shadow Realm.&lt;/p&gt;
  
              &lt;h2&gt;Research Question&lt;/h2&gt;
  
  
                  &lt;p&gt;Our invetigation is particularly one of language used throughout the story of Twilight Princess. 
                  Language is one of many parts of life that shows how different people are affected by the unfamiliar events in their lives. 
                  We are looking to see what types of language different characters are using, and how that changes throughout the game. 
                  What characters are helping our silent hero and how? By analyzing and carefully tracking the race, gender, 
                  and linguistic patterns, we will be able to see.&lt;/p&gt; 
              &lt;p&gt;
                  This project has been completed by: Ashley Bakaitus, Eleanor Bennett, and Daniel Brabander.  With special thanks to David Birnbaum and Jon Chumra.
              &lt;/p&gt;
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>With its CSS:</p>
  
  <pre><code>html{
      font-family:"Times New Roman";
      font-size:20px;
      }
  </code></pre>