Avatar billede wolfgang Praktikant
20. oktober 2005 - 13:55 Der er 9 kommentarer og
2 løsninger

iFrame - Tilpas automatisk højde

Hej,

Jeg har nu afprøvet ca. 10 forskellige eksperten svar, i forsøg på at løse mit problem. Alle uden held.

Derfor tillader jeg mig nu at oprette et nyt spørgsmål.

Min iFrame er placeres i en tabel, inden i en tabel.
Den celle som iFrame tag'et er skrevet har en højde på 100%.

Ønsket er, at min iFrame skal udnytte mest mulig plads i højden, i brugerens browser.

Hvordan gøres dette. Gerne i en 1-2-3 forklaring :)

Glæder mig til at få en afklaring på mit problem.

MVH
Garnet
Avatar billede horsmark Nybegynder
20. oktober 2005 - 14:25 #1
hmm har du en url ? eller noget kode til dit tabelværk ?
Avatar billede wolfgang Praktikant
20. oktober 2005 - 14:43 #2
Du kan se siden på www.gearfreak.dk/forum.asp
Avatar billede horsmark Nybegynder
20. oktober 2005 - 14:52 #3
<!-- Iframe Starts - Forum -->
        <iframe id="IfrForum" style="width:100%;" frameborder="0" scrolling="auto" src="http://www.gearfreak.dk/mbbs2/">
        </iframe>
<script type="text/javascript">
    var t=document.body.offsetHeight;
    document.getElementById('IfrForum').style.height=t-195+'px';
</script>
        <!-- Iframe Ends - Forum -->
Avatar billede wolfgang Praktikant
20. oktober 2005 - 15:07 #4
Hej Horsmark,
Det har desværre ingen effekt :(

www.gearfreak.dk/forum.asp
Avatar billede horsmark Nybegynder
20. oktober 2005 - 15:14 #5
well tjo det har det i Firefox men ikke i IE:

xbrowser:
        <!-- Iframe Starts - Forum -->
        <iframe id="IfrForum" style="width:100%;" frameborder="0" scrolling="auto" src="http://www.gearfreak.dk/mbbs2/">
        </iframe>
<script type="text/javascript">
var y;
if (self.innerHeight) // all except Explorer
{
    y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
    // Explorer 6 Strict Mode
{
    y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
    y = document.body.clientHeight;
}
    document.getElementById('IfrForum').style.height=y-195+'px';
</script>
        <!-- Iframe Ends - Forum -->

læs mere her
http://www.quirksmode.org/viewport/compatibility.html
Avatar billede wolfgang Praktikant
20. oktober 2005 - 15:37 #6
Det straks bedre!
Det giver dog lidt for meget højde nu.

Kan det rettes?
Avatar billede horsmark Nybegynder
20. oktober 2005 - 15:58 #7
yes 195 er det tal der trækkes fra iframen dvs jo højere tal jo mindre iframe prøv 230
Avatar billede wolfgang Praktikant
20. oktober 2005 - 16:22 #8
Tak for din sublime hjælp
Avatar billede horsmark Nybegynder
20. oktober 2005 - 16:39 #9
np
Avatar billede olebole Juniormester
20. oktober 2005 - 21:03 #10
<ole>

Jeg går udfra, vi taler om et dokument, hvor IE overholder CSS (altså med fuld DTD), er X-brower måden at hente vinduets indre dimensioner (uden scrollbars):
    alert("width: " + document.documentElement.clientWidth);
    alert("height: " + document.documentElement.clientHeight);

- as easy as that  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
20. oktober 2005 - 21:06 #11
- og så overholder denne fremgangsmåde i øvrigt standarderne  :)
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