title: iFrame dynamic resize
body: <p>I have this code but is not working... the iFrame doesn't resize based on their content...</p>
  
  <p>What i'm doing wrong? I have tried a lot of codes and anyone is working for me... </p>
  
  <p>any suggestions?</p>
  
  <p>page.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;TEST&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;iframe id="klaus" src="iframe.html" width="960" height="100%"&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>iframe.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;pagina&lt;/title&gt;
  &lt;script language="Javascript" type="text/javascript"&gt;
    parent.document.getElementById("klaus").height = document.getElementById("size").scrollHeight + 40;
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="size"&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt; &lt;p&gt;Conteudo&lt;/p&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>