Søg
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 08:45 Der er 18 kommentarer og
4 løsninger

Højde på iframe

Jeg har følgende på en side og stort set ikke andet:

<table width="100%" border="0">
  <tr>
    <td valign="top">
      <iframe width="100%" height="700" src="..."></iframe>
    </td>
    <td width="200" valign="top">
      <iframe width="100%" height="700" src="..."></iframe>
    </td>
  </tr>
</table>

Som I kan se, er height sat hårdt til 700. Jeg vil gerne på en eller anden måde, sætte dem til 100% i højden. Hvis jeg bare skriver 100% i højden, bliver de kun omtrent 200 pixels høje.

Det skal fungere med et par iframes som vist - det er en lang historie. Så jeg er ikke interesseret i alternative forslag, såsom at opsætte et frameset.
Avatar billede steffansteffan Nybegynder
02. marts 2005 - 08:58 #1
CSS:
<style type="text/css">
html,body{height:100%;padding:0px;margin:0px;}
#minIframe{
  width:100%;
  height:100%;
}
</style>

HTML:
<table width="100%" border="0">
  <tr>
    <td valign="top">
      <iframe src="..." id="minIframe"></iframe>
    </td>
    <td width="200" valign="top">
      <iframe src="..." id="minIframe"></iframe>
    </td>
  </tr>
</table>

Prøv og rod lidt med det der
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 09:38 #2
Det har nøjagtig den samme effekt at sætte en height-style på, som at sætte det på direkte som attribut.
Avatar billede steffansteffan Nybegynder
02. marts 2005 - 09:41 #3
Okay, jeg havde ikke selv testet det, var bare et svar jeg fandt på nettet, hvor det virkede for ham...
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 09:42 #4
Ok. Men jeg har testet det, og det fungerer desværre ikke :-(
Avatar billede steffansteffan Nybegynder
02. marts 2005 - 09:50 #5
Hvad med den der?
<iframe name="IFRAME" src="http://www.google.com" style="WIDTH: 100%; HEIGHT: 100%" border=0 frameborder=1 marginheight=0 marginwidth=0>
</iframe>

Den fylder hele skærmen ved mig, både i IE og Firefox.
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 10:04 #6
Det gør det også ved mig. Det er åbenbart fordi min table med iframes er inde i en almindelige .NET <form> ...

Jeg har prøvet at skrive html,body,form{height:100%;padding:0px;margin:0px;} i style'n, men det gør ingen forskel.
Avatar billede steffansteffan Nybegynder
02. marts 2005 - 10:48 #7
hmm så er der en anden problem stilling :S
Avatar billede sesam Nybegynder
02. marts 2005 - 11:06 #8
Du skal også angive højde til 100% i din tabel, er din tabel inde i en celle skal der også der defineres en højde...
Avatar billede steffansteffan Nybegynder
02. marts 2005 - 11:20 #9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>

<table width="100%" border="0" height="100%">
  <tr>
    <td valign="top" height="100%">
      <iframe name="IFRAME" src="http://www.google.com" style="WIDTH: 100%; HEIGHT: 100%" border=0 frameborder=1 marginheight=0 marginwidth=0></iframe>
    </td>
    <td width="200" valign="top" height="100%">
      <iframe name="IFRAME" src="http://www.google.com" style="WIDTH: 100%; HEIGHT: 100%" border=0 frameborder=1 marginheight=0 marginwidth=0></iframe>
    </td>
  </tr>
</table>


</body>
</html>
Avatar billede steffansteffan Nybegynder
02. marts 2005 - 11:21 #10
Nu kan vi ikke skære det mere ud i pap :D
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 11:24 #11
Det har du ret i. Men hvis der er noget andet på siden der fylder lidt, så bliver 100% for meget af "resten".

Altså hvis det f.eks. ser sådan ud:

<div style="height: 50px; border: 1px solid black"></div>
<table width="100%" border="0" height="100%">
  <tr>
    <td valign="top" height="100%">
      <iframe name="IFRAME" src="http://www.google.com" style="WIDTH: 100%; HEIGHT: 100%" border=0 frameborder=1 marginheight=0 marginwidth=0></iframe>
    </td>
    <td width="200" valign="top" height="100%">
      <iframe name="IFRAME" src="http://www.google.com" style="WIDTH: 100%; HEIGHT: 100%" border=0 frameborder=1 marginheight=0 marginwidth=0></iframe>
    </td>
  </tr>
</table>

Jeg lægger lige dobbelt points i, fordi jeg godt kan se det oprindelige spørgsmål ikke var præcist nok formuleret.
Avatar billede roenving Novice
02. marts 2005 - 12:46 #12
-- desuden findes der i standarden ikke en height-attribut til table-tags, så du kan ikke validere det (men alle browsere forstår det !-)

-- men jeg forstår ikke hvorfor du vil bruge en 100% højde, når du alligevel vil have dem i en bestemt højde ?-)

-- hvad med i stylesheet at sætte dem til f.eks. 50% ...
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 12:47 #13
Jeg vil have dem i en højde der svarer til 100% af det der er tilbage.
Avatar billede olebole Juniormester
02. marts 2005 - 15:36 #14
<ole>

Det er et tilbagevendende problem ... der er ikke noget, der kan give dig 'det, der er tilbage'. Du bliver nødt til at træffe nogle beslutninger om dimensioner i designfasen.
Du kan ikke overlade det hele til relative dimensioner uden at bruge noget runtime scripting til at 'træffe beslutningerne' for dig  :)

/mvh
</bole>
Avatar billede nielsbrinch Nybegynder
02. marts 2005 - 15:48 #15
Ok, det er der jo ikke noget at gøre ved.

Svar dem som svare vil.
Avatar billede roenving Novice
03. marts 2005 - 12:25 #16
Hvor har du fået hjælp ?-)
Avatar billede nielsbrinch Nybegynder
03. marts 2005 - 12:27 #17
steffansteffan, sesam, roenving, olebole
Avatar billede roenving Novice
03. marts 2005 - 12:32 #18
Oki '-)
Avatar billede olebole Juniormester
03. marts 2005 - 12:33 #19
:)
Avatar billede steffansteffan Nybegynder
03. marts 2005 - 12:34 #20
Nok mere fair hvis vi deler dem. ;)
Avatar billede nielsbrinch Nybegynder
03. marts 2005 - 12:35 #21
Tak for hjælpen allesammen.
Avatar billede roenving Novice
03. marts 2005 - 12:39 #22
-- og tak for point ;~}
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 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »