Søg
Avatar billede repsej22 Nybegynder
18. maj 2004 - 15:04 Der er 6 kommentarer

Dynamisk højde på iframe

Jeg har en iframe med flg. kode:

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

Jeg kunne imidlertidig godt tænke mig at iframen tilpassede sig indholdet i højden, istedet for de 500 px højde som nu.
Avatar billede roenving Novice
18. maj 2004 - 15:09 #1
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'">
Avatar billede repsej22 Nybegynder
18. maj 2004 - 15:31 #2
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>
Avatar billede roenving Novice
18. maj 2004 - 15:48 #3
Du må _ikke_ have to body-tags, så den skal være i stedet for det første body-tag !-)
Avatar billede -kenner- Nybegynder
22. juli 2004 - 23:01 #4
prøv med:

<iframe frameborder="0" name="indhold" width="570" height="100%" noresize scrolling="no" src="index_fr.html">
</iframe>
Avatar billede -kenner- Nybegynder
22. juli 2004 - 23:02 #5
prøv med:

<iframe frameborder="0" name="indhold" width="570" height="100%" noresize scrolling="no" src="index_fr.html">
</iframe>
Avatar billede roenving Novice
23. juli 2004 - 09:08 #6
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> !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
24/0811:16 problem med mailbesked Af Pestilensen i Excel
24/0810:45 Powerbank Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »