auto height på iframe

function iFrameHeight() {
          var f = document.getElementById('iframe');
          var d = (f.contentWindow.document || f.contentDocument);
          var h = Math.max(d.body.offsetHeight, d.body.scrollHeight);
          h += (document.all) ? 60 : 20;
          f.style.height = (h-120) + 'px';

Ser ud til denne virker i de forskellige browsere.

Nogle der kan forklare hvad den gør i anden sidste linie

Umiddelbart ser det ud til, at den anden sidste linie altid vil returnere værdien 60. document.all er en meget gammel funktion, som stammer helt tilbage fra Internet Explorer 4, og i den opsætning vil den altid returnere TRUE og dermed sætte værdien til 60.

Jeg ville nok droppe den linie og ændre den tredje sidste linie til:
[code]
var h = Math.max(d.body.offsetHeight, d.body.scrollHeight)+60;
[/code]

...selvom jeg ikke ved, hvad de 60 ekstra pixels skal til for :-)

Nu er jeg ret ny i html. Vil i sætte funktionen ind i følgende kode - jeg kan simpelthen ikke få det til at virke:

<style type="text/css">
<!--
#container iframe {
 
    margin-left:-15px;
    margin-top:-236px; 
    border:0 solid;
    overflow: hidden
   
}
-->
</style>
<div id="container">

<iframe src="https://au.testtechnologypublisher.com/" seamless="seamless" scrolling="no" width="980" height="900"></iframe>
</div>