Avatar billede -kenner- Nybegynder
08. januar 2005 - 11:02 Der er 6 kommentarer og
1 løsning

100% site højde og højst muligt iframe

Hej Eksperter

Jeg har et site, som jeg godt kunne tænke mig 100% højde på, så det værken er for højt ellelr for lavt.

Jeg bruger et iframe, som jeg også gerne vil have så højt som muligt.
Avatar billede olebole Juniormester
08. januar 2005 - 11:32 #1
<ole>

Begynd dokumentet med:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
        padding: 0px;
}
</style>
... osv ...

Så kan du sætte højde på f.eks. din iframe med style="height:100%"

/mvh
</bole>
Avatar billede -kenner- Nybegynder
08. januar 2005 - 11:53 #2
så trækker hele mit site sig sammen, så det fylder en 1/4 af skærmen.

sitet på nettet: www.kenner.1go.dk
Avatar billede roenving Novice
08. januar 2005 - 13:36 #3
Jamen, du har jo heller ikke brugt den doctype, som ole skrev, du skulle !-)

-- for at få lidt ide om det, kan du prøve at kigge på dette spørgsmål: http://www.eksperten.dk/spm/497362

-- og det med iframen kan du klare med sådan et script:

<script language="javascript" type="text/javascript">
function ifrHeight(){
var t=document.body.scrollHeight;
document.getElementById('IFRAMEID').style.height=t-195+'px';
}
window.onload=ifrHeight;
</script>

-- de 195 er bare et tilfældigt antal pixels !-)
Avatar billede -kenner- Nybegynder
08. januar 2005 - 19:58 #4
Nej ikke på selve sitet, men forsøgte mig med det, i min browser, og det gik ikke godt, højre magen forsvandt, og siden trak sig sammen..

Hvad skal jeg redigere i:

<script language="javascript" type="text/javascript">
function ifrHeight(){
var t=document.body.scrollHeight;
document.getElementById('IFRAMEID').style.height=t-195+'px';
}
window.onload=ifrHeight;
</script>
Avatar billede roenving Novice
09. januar 2005 - 14:38 #5
Du skal give dit iframe-element et id !-)
Avatar billede -kenner- Nybegynder
07. maj 2005 - 16:02 #6
Selv om det er lang tid siden dette spørgsmål blev oprettet, så beder jeg Olebole om at sende et svar, fordi jeg har fundet ud af at det er fælgende elementer jeg skal ændre:

height: 100%;
margin: 0px;
padding: 0px;

Men det skal lige noteres at man ikke kan sætte højden på et Iframe til 100%.
Avatar billede -kenner- Nybegynder
21. november 2005 - 00:56 #7
Lukke pga. spoergsmaalet er gammelt, og fordi hoejden paa et iframe ikke kan angives i procent.
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