Notifikationer

Markér alle som læst Log ud

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>

Synes godt om

zips Juniormester

20. august 2009 - 21:31 #1

Slet <center></center> og det vil virke.

Synes godt om

snokey Nybegynder

20. august 2009 - 21:44 #2

hvordan centrere jeg den så?

Synes godt om

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>

Synes godt om

snokey Nybegynder

20. august 2009 - 22:37 #4

Hvorfor Wapper? Er der lidt forklaring til ? :)

Synes godt om

snokey Nybegynder

20. august 2009 - 22:41 #5

Hvordan gir jeg point?

Synes godt om

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

Synes godt om

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>

Synes godt om

olebole Juniormester

21. august 2009 - 13:09 #8

Baaahhhh ... Du kunne med andre ord have skrevet:
<center style="height:100%">

Synes godt om

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>

Synes godt om

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

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS