Avatar billede l3kris Nybegynder
06. november 2006 - 22:52 Der er 3 kommentarer og
1 løsning

hvordan lave <iframe> der fylder siden ud?

Jeg har en side, hvorpå der er en iframe, hvis top:200px, og som skal fylde resten af siden ud nedefter. Problemet er, at hvis jeg sætter height:100%, så bliver siden "forlænget" med de 200px, hvorefter hele layoutet ryger.

Problemet er selvfølgelig, at siden skal kunne benyttes til alle skærmopløsninger og stadig se ordentlig ud.

jeg ved, at jeg ikke kan benytte PHP til det, og jeg går ud fra, at jeg skal over i noget javascript, hvilket jeg ikke er så stiv i.

Er der nogen, der kan forklare mig hvordan, evt. scripte det? Det må gerne følge med ved resize, men det er sekundært.
Avatar billede Slettet bruger
06. november 2006 - 22:56 #1
Prøv med CSS:
<iframe name="myFrame" src="etEllerAndet.htm" style="width: 200px; height: 100%;"></iframe>
Avatar billede l3kris Nybegynder
07. november 2006 - 07:38 #2
Det var egentlig det, jeg havde prøvet, bortset fra, at style="top: 200px; height: 100%;", og det giver så en forskydning på 200px ned "under" siden.
Avatar billede Slettet bruger
07. november 2006 - 14:15 #3
hvad så med:
<iframe name="myFrame" src="etEllerAndet.htm" style="width: 200px; height: auto;"></iframe>
Avatar billede l3kris Nybegynder
07. november 2006 - 19:55 #4
Jeg fandt dette: http://guymal.com/mycode/100_percent_iframe/

<script language="JavaScript">
<!--
function resize_iframe()
{

    var height=window.innerWidth;//Firefox
    if (document.body.clientHeight)
    {
        height=document.body.clientHeight;//IE
    }
    //resize the iframe according to the size of the
    //window (all these should be on the same line)
    document.getElementById("glu").style.height=parseInt(height-
    document.getElementById("glu").offsetTop-8)+"px";
}

// this will resize the iframe every
// time you change the size of the window.
window.onresize=resize_iframe;

//Instead of using this you can use:
//    <BODY onresize="resize_iframe()">


//-->
</script>
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester