title: Dynamic iframe height not working in chrome
body: <p>im going crazy here. i found a script here that was supposedly going to work on chrome as well but i just cant get it to work</p>
  
  <p>here is the script in my header</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function resizeFrame() {
       var t=document.getElementById("Footer");
       var f = document.getElementById("mainContent");
       var y = f.contentWindow;
       t.innerHTML = y.document.body.offsetHeight;
       f.height = y.document.body.offsetHeight;
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>and the iframe</p>
  
  <pre><code> &lt;iframe onload="resizeFrame()" id="mainContent" src="swwbookpg1.php" scrolling=auto frameborder=0 
  height="100%" width="100%"&gt;Working!&lt;/iframe&gt;
  &lt;p id="Footer"&gt; Footer&lt;/p&gt;
  </code></pre>
  
  <p>it works in firefox and IE but not in chrome.</p>
  
  <p>if anyone can help that would be amazing!</p>
  
  <p>here it is in use: <a href="https://www.whalewatchingsydney.com.au/payment_sww/" rel="nofollow">https://www.whalewatchingsydney.com.au/payment_sww/</a></p>
  
  <p>thanks =)</p>