Dynamisk højde på iframe

Så skal du sætte et id på tagget, du viser, og i det dokument, du har inde i iframen sætte en kode à la denne:

<body onload="parent.document.getElementById('IFRAMEID').style.height=((document.body.scrollHeight)?document.body.scrollHeight:document.body.offsetHeight)+'px'">

Tak for svar  :o)  ...men jeg kan ikke få det til at virke.

Jeg har givet min iframe en id, kaldet "hojde".

Og i det dokument jeg har inde i framen har jeg sat din kode ind så den står sådan (jeg har sat den ind nederst, men ved ikke om det er rigtigt):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
    <title>Creavision A/S</title>
    <META http-equiv="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
    <link rel="STYLESHEET" type="text/css" href="css/styles_fr.css">
</head>

<body>

    <div align="center">
        <div id="content_frame" align="left">
            <h1>Kontakt Creavision A/S</h1>.<br>
            <table width="100%" border="0">
                <tr>
                    <td>
                        <table width="500" border="0">
                            <tr>
                                <td colspan="2">
                                    <div align="center">
                                        <img src="pics/slideshow/bar.jpg" width="520" height="14"></div>
                                </td>
                            </tr>
                            <tr>
                                <td width="47%">
                                    <h5 align="center" style="padding-top: 0px;"><a href="webdesign.php"><img src="pics/slideshow/onlygirlz.jpg" alt="Webdesign" width="225" height="90" border="0"></a></h5>
                                </td>
                                <td width="53%">
                                    <h5 style="padding-top: 0px;"><strong><font size="2">VI ER FLYTTET!!</font></strong></h5>
                                    Vi har speciale i udvikling af flotte webdesign. Vi tilbyder professionelle webl&oslash;sninger, som altid udarbejdes specifikt til hver enkelt kunde. Her leveres ingen samleb&aring;ndsl&oseo.phpninger til lavpris.<br>
                                    <img src="images/pil.gif" alt="" width="9" height="6" border="0"> <a href="(EmptyReference!)">L&aelig;s mere her</a></td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div align="center">
                                        <img src="pics/slideshow/bar.jpg" width="520" height="14"></div>
                                </td>
                            </tr>
                            <tr>
                                <td width="47%">
                                    <h5 style="padding-top: 0px;"><strong><font size="2">e-business.phpfont></strong></h5>
                                    Vi tilbyder professionelle l&oslash;sninger indenfor s&oslash;gemaskineoptimering og andre former for online markedsf&oslash;ring. Vi r&aring;dgiver og hvordan du f&aring;r &oslash;get kundetilgang p&aring; din hjemmeside.<br>
                                    <img src="images/pil.gif" alt="" width="9" height="6" border="0"> <a href="(EmptyReference!)">L&aelig;s mere her</a></td>
                                <td width="53%">
                                    <h5 align="center" style="padding-top: 0px;"><a href="seo.php"><img src="pics/slideshow/seo.jpg" alt="S&oslash;gemaskineoptimering" width="225" height="90" border="0"></a></h5>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div align="center">
                                        <img src="pics/slideshow/bar.jpg" width="520" height="14"></div>
                                </td>
                            </tr>
                            <tr>
                                <td width="47%">
                                    <div align="center">
                                        <a href="e-business.php"><img src="pics/slideshow/isabellas.jpg" alt="Webshop og e-handel" width="225" height="90" border="0"></a></div>
                                </td>
                                <td width="53%">
                                    <h5 style="padding-top: 0px;"><font size="2"><strong>WEBSHOP OG E-HANDEL</strong></font></h5>
                                    Vi tilbyder forskellige typer af e-handelssytemer for den kr&aelig;sne virksomhed, som vil have en grafisk flot og samtdig brugbar l&oslash;sning. Alle vore l&oslash;sninginger er skalerbare i henhold til b&aring;de design og indhold.<br>
                                    <img src="images/pil.gif" alt="" width="9" height="6" border="0"> <a href="(EmptyReference!)">L&aelig;s mere her</a></td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div align="center">
                                        <img src="pics/slideshow/bar.jpg" width="520" height="14"></div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <body onload="parent.document.getElementById('hojde').style.height=((document.body.scrollHeight)?document.body.scrollHeight:document.body.offsetHeight)+'px'">
</body>
</html>

Du må _ikke_ have to body-tags, så den skal være i stedet for det første body-tag !-)

prøv med:

<iframe frameborder="0" name="indhold" width="570" height="100%" noresize scrolling="no" src="index_fr.html">
</iframe>

prøv med:

<iframe frameborder="0" name="indhold" width="570" height="100%" noresize scrolling="no" src="index_fr.html">
</iframe>

Den anden vej er nok at foretrække:

Læg dette i dine filer, du fylder i iframes:


<script language="javascript" type="text/javascript">
function ifrHeight(){
var t=(window.innerHeight)?window.innerHeight:document.body.scrollHeight;
if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+4+'px';
}
</script>

<body onload="ifrHeight()">

-- og så skal du have et id="IFRAMEID" på <iframe> !-)