title: iframe auto adjusting its height to fit to the content height
body: <p>I have already tried some of the tips they are answered to regarding this iframe auto height problem.</p>
  
  <p>Basically, what I want is auto adjusting the iframe's height dynamically, according to the height of the contents that are inside the iframe.</p>
  
  <p>Here are the specific ones that I've tried.</p>
  
  <p><a href="https://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content">Resizing an iframe based on content</a></p>
  
  <p><a href="https://stackoverflow.com/questions/247128/how-to-auto-size-an-iframe">How to auto-size an iFrame?</a></p>
  
  <p><a href="https://stackoverflow.com/questions/14334154/iframe-auto-adjust-height-as-content-changes">iframe Auto Adjust Height as content changes</a></p>
  
  <p>The iframe with the id #iframe needs to auto adjust is height to the content, so I inserted following codes each to the parent document, and to the iframe's body.</p>
  
  <pre><code>&lt;script&gt;
    // Resize iframe to full height
    function resizeIframe(height)
    {
  // "+60" is a general rule of thumb to allow for differences in
  // IE &amp; and FF height reporting, can be adjusted as required..
  document.getElementById('iframe').height = parseInt(height)+60;
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>and to the iframe</p>
  
  <pre><code>&lt;body onload="iframeResizePipe()"&gt;
  &lt;iframe id="helpframe" src='' height='0' width='0' frameborder='0'&gt; &lt;/iframe&gt;
  
    &lt;script type="text/javascript"&gt;
    function iframeResizePipe()
   {
              // What's the page height?
       var height = document.body.scrollHeight;
  
   // Going to 'pipe' the data to the parent through the helpframe..
   var pipe = document.getElementById('helpframe');
  
   // Cachebuster a precaution here to stop browser caching interfering
   pipe.src = 'http://www.foo.com/helper.html?height='+height+'&amp;cacheb='+Math.random();
  
    }
  &lt;/script&gt;
  </code></pre>
  
  
  
  <p>This is the site that im having problem with : <a href="http://xefrontier.com" rel="nofollow noreferrer">http://xefrontier.com</a></p>
  
  <p>(if you click on the 'WALL' tab, the iframe is in there.)</p>
  
  <p>Can anyone help me figuring out, why those codes won't work?
  Thanks.</p>