Hoe mooi zou het zijn als we de hoogte van onze iframes dynamisch kunnen laten schalen naar aanleiding van de inhoud van het iframe? Welnu, daar is een oplossing voor:

We maken eerst een script op de pagina:

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
         iFrameID.width = "100%";
         iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>

Let hierbij op het ID van het iframe, in dit geval is dat ‘idIframe’. Dit ID gebruiken we in de iframe-tag samen met de aanroep naar de bovenstaande functie tijdens onload.

<iframe scrolling="no" id="idIframe" src="de-pagina.php" onload="iframeLoaded()" frameborder="0"></iframe>

Scrolling kan dus op ‘no’ aangezien de breedte al op 100% is gezet en de hoogte nu dynamisch is.