Avatar billede snokey Nybegynder
20. august 2009 - 21:18 Der er 9 kommentarer og
1 løsning

Iframe 100%

Forstår ikke hvorfor den ikke bliver 100% høj, den bliver godt nok 80% bred..


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Daniel Küster</title>
    <link rel="stylesheet" type="text/css" href="style/index.css">
<meta name="generator" content="TSW WebCoder">

</head>
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
</style>
</head>
<body>
<center>
<iframe id="i1" src="hovede.htm" marginheight="0" width="80%" height="100%" scrolling="auto" frameborder="0">
  [Din browser understøtter ikke frames.]
</iframe>
</center>

</body>
</html>
Avatar billede zips Juniormester
20. august 2009 - 21:31 #1
Slet <center></center> og det vil virke.
Avatar billede snokey Nybegynder
20. august 2009 - 21:44 #2
hvordan centrere jeg den så?
Avatar billede zips Juniormester
20. august 2009 - 22:32 #3
Det kan gøres på denne måde

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Daniel Küster</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style/index.css">
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#wapper {height:100%;width:100%;margin:0px auto;}
</style>
</head>
<body>
<div id="wapper">
<iframe id="i1" src="hovede.htm" marginheight="0" width="100%" height="100%" scrolling="auto" frameborder="0">
  [Din browser understøtter ikke frames.]
</iframe>
</div>
</body>
</html>
Avatar billede snokey Nybegynder
20. august 2009 - 22:37 #4
Hvorfor Wapper? Er der lidt forklaring til ? :)
Avatar billede snokey Nybegynder
20. august 2009 - 22:41 #5
Hvordan gir jeg point?
Avatar billede zips Juniormester
20. august 2009 - 22:56 #6
Her er et svar :-)

Under faq kan du se hvordan man giver point http://www.eksperten.dk/faq

Wapper er blot en div boks som man kan flytte rundt som man ønsker og på den måde kan man centre siden på den rigtige måde.

<center> er nemlig deprecated http://www.w3.org/TR/html401/present/graphics.html#edef-CENTER
Avatar billede olebole Juniormester
21. august 2009 - 13:08 #7
<ole>

Jeg tror, at den forklaring, der efterspørges, er denne:

Når et elements højde sættes relativt (f.eks. i procent), siger standarden, at browseren skal beregne højden udfra det omkransende elements højde - som derfor eksplicit skal være sat.

Skal din iframes højde være 100%, skal det omkransende element således også have en højde på 100% - og det skal dettes omkransende elements højde også - osv.

Du kunne med andre ord have skrevet:
    <center style="text-align:center">

- men som zips skriver, er center deprecated i HTML 4.01 - og desuden har du intet at bruge en centrering til  ;o)

zips >> Når wrapperen er 100% bred, har din auto margin til gengæld ingen indflydelse på noget  =)

/mvh
</bole>
Avatar billede olebole Juniormester
21. august 2009 - 13:09 #8
Baaahhhh ... Du kunne med andre ord have skrevet:
    <center style="height:100%">
Avatar billede olebole Juniormester
21. august 2009 - 13:11 #9
Med andre ord er denne kode alt rigelig:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Daniel Küster</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style/index.css">
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
</style>
</head>
<body>

<iframe id="i1" src="hovede.htm" marginheight="0" width="100%" height="100%" scrolling="auto" frameborder="0">
  [Din browser understøtter ikke frames.]
</iframe>

</body>
</html>
Avatar billede zips Juniormester
21. august 2009 - 15:47 #10
Hej olebole

ja jeg kan godt se at wapper ikke er nødvendig, men som jeg skrev i #1 skulle <center> blot slettes og det ville virke, det gjorde det jo også, jeg overså dog den ekstra </head> som også skulle slettes.

desuden har du intet at bruge en centrering til  ;o)
Ja jeg har testet med width:80% som gør at iframen lægger sig i venster side og derfor den wapper, men lige så snart man sætte iframe til 100% bliver den centeret, dette satte jeg først på efter wapper var sat ind og så derfor ikke at den centere.

Disse point jeg har fået er derfor dine :-) du kan modtagen dem her
http://www.eksperten.dk/spm/884301
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