title: iframe content doesn't fit
body: <p>I have a situation, that I have a <code>iframe</code> which I can't manipulate in its height. I mean the <code>iframe</code> has a fixed height of <code>1000px</code> and I'm not allowed the change it. So what I'm trying to do is to make the content fit in the <code>iframe</code> somehow. How can I archive this? I'm totally new in CSS. Thanks!   </p>
  
  <pre><code>&lt;iframe style="height:1000px" src="http://www.w3schools.com"&gt;
      &lt;div class="content"&gt; 
         &lt;div class="redDot"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/iframe&gt;
  </code></pre>