Avatar billede Elgarra Nybegynder
21. september 2011 - 11:34 Der er 15 kommentarer

Brug af Iframe fungerer ikke optimalt.

Hej eksperter.
Jeg har tidligere forsøgt at hjælpe her, men nu forsøger jeg igen:
Mit problem består I at jeg skal integrere en ekstern side (blog) til min hjemmeside, så den vises i vinduet. Det er lykkedes, men problemet er at højden af vinduet er alt for lille.
Link til hjemmesiden: http://www.dk.volunteerstokenya.org/danish/Blog.html

Brugt html kode:

<html>
<body>

<iframe src="http://volunteerstokenya.blogspot.com" iframe width="100%" height="100%" frameborder="0" scrolling="yes">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

Er her nogen som kan hjælpe mig?

TAK!
Avatar billede Elgarra Nybegynder
21. september 2011 - 11:35 #1
EDIT: jeg har ikke forsøgt at hjælpe her, men naturligvis hente hjælp her :)
Avatar billede olebole Juniormester
21. september 2011 - 13:46 #2
<ole>

Det giver ikke mening at skrive moderne webkode uden en DTD - f.eks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/div]
Derudover skal det omkransende element eksplicit have sat en højde. Ellers har browseren ikke noget at beregne de 100% udfra

/mvh
</bole>
Avatar billede Elgarra Nybegynder
21. september 2011 - 14:54 #3
Hej Ole. Tak for din hjælp og tak for råd vedr. DTD. Det eksterne vindue er desværre stadig samme højde til trods for det ser anderledes ud i iWeb. I stedet for 100% har jeg skrevet hhv. 700 og 1200... Hvad har jeg gjort forkert? Skal der stadig stå 100% og så et andet sted i koden stå eksakt højde og bredde?

Nu hedder min kodning:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>An XHTML 1.0 Strict standard template</title>
    <meta http-equiv="content-type"
        content="text/html;charset=utf-8" />
</head>

<body>

    <p></body>
</html><html>
<body>

<iframe src="http://volunteerstokenya.blogspot.com" iframe width="700" height="1200" frameborder="0" scrolling="yes">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html></p>
Avatar billede olebole Juniormester
21. september 2011 - 21:58 #4
Kan man skrive en bog på engelsk, når man kun kender ordene 'yes' og 'no'? Nej, naturligvis kan man ikke det!

Kan kan skrive et website, når man tydeligvis intet ved om HTML? Nej, naturligvis kan man ikke det!

Det tilbagestående spørgsmål må derfor være: "Hvorfor i alverden beskæftiger du dig med web/HTML?"

Du er nødt til at lære det allermest grundlæggende om HTML. Det giver ikke mening at forsøge at hjælpe dig, når du er komplet spejlblank på området.
Avatar billede Elgarra Nybegynder
21. september 2011 - 23:27 #5
Hej Ole og evt. andre (som måske synes det giver mening at hjælpe mig til trods for, at jeg komplet spejlblank på området) .

Jeg har lavet hjemmesiden i iWeb - et program som ikke kræver html-færdigheder. Grunden til jeg selv beskæftiger mig med det skyldes, at jeg har startet en non-profit organisation for frivillige, og denne organisation har brug for en hjemmeside. Derfor beskæftiger jeg mig med det. De få gange jeg har har benyttet html har det drejet sig om at kopiere templates.

Jeg har dog dette ene problem, som ikke umiddelbart fungerer - og derfor søger jeg så hjælp på dette medie, som jeg havde indtryk af var det rette forum. At mine færdigheder ikke rækker til at løse problemet ud fra dit svar, er jeg ked af. Jeg er også ked af, at det ikke giver mening at hjælpe mig, når jeg stiller et yderligere spørgsmål.

Når jeg ikke kan engelsk giver det ikke mening at hjælpe mig med at skrive en bog på sproget, men det kunne måske godt give mening at hjælpe mig med at oversætte en enkelt, vital sætning.
Avatar billede olebole Juniormester
21. september 2011 - 23:38 #6
Jamen, det er jo der, du tage fejl. Der er ikke tale om "en enkelt, vital sætning". Det, du skrev i seneste indlæg, er så kompakt proppet med fejl, som det overhovedet er muligt.

Jeg har stor respekt for, at du arbejder for en frivillig organisation - men det giver stadig absolut ikke mening, at det er dig, der tager sig af HTML kode.

At man kan lave websider uden kendskab til HTML er reklamevrøvl i stil med: "en rynkecreme, der kan få Jesper Langballes ansigt til at ligne en nyfødts". Sådan en ting eksisterer bare ikke!

Enten må I sætte en til at lave web, som har et minimum af viden om emnet. Ellers må I betale Jer fra det. I bygger jo heller ikke selv en bybus, når I skal transportere Jer ... eller?  =)
Avatar billede Elgarra Nybegynder
22. september 2011 - 00:19 #7
Vi har desværre ingen midler som organisation. Vi linker folk videre til Kenya, så de slipper for at betale skyhøje administrationsgebyrer, som lignende organisationer tager. De penge som frivillige bruger, bliver brugt på børn og unge i Kenya. Vores hjemmeside er bevidst meget simpel, og fungerer fint med denne ene undtagelse. Situationen er den, at jeg er den eneste med lidt(!) forstand på computer, og derfor giver det mening, at jeg tager mig af det.

Jeg kan ikke se hvorfor analogien ikke er brugbar: Jeg beder ikke om hjælp til at lave en hel hjemmeside i html, men kun én enkelt kode. Koden er fremlagt - ja, med fejl - og jeg troede, at det kunne lykkedes at finde nogen som kunne hjælpe mig.
Hvis ikke med at oversætte en sætning; i så fald at føre blyanten for mig.

For at gentage mig selv, havde jeg håbet at kunne finde hjælp til at konstruere en kode, som virkede.

Og nej; vi bygger ikke en bybus, hvis vi skal nogen steder - og vi køber heller ikke en bus, hvis en venlig sjæl giver et lift. Og - som sagt - troede jeg, at formålet med dette forum var at give folk et lille lift.
Avatar billede olebole Juniormester
22. september 2011 - 00:31 #8
Formålet med denne kategori er, at give folk 'hjælp til selvhjælp'.

Det, du har brug for, er ikke hjælp til selvhjælp eller "et lille lift". Du kan tydeligvis ikke selv lægge en iframe kode ind i et tomt HTML dokument. Derfor bør du få hele dokumentets kode skrevet af en, der kan.

Det er, hvad kategorien Opgaver er til for
Avatar billede mclemens Nybegynder
23. september 2011 - 18:13 #9
Prøv med denne:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
html{overflow:hidden;}
html,body,iframe{height:100%;border:0;padding:0;margin:0;width:100%;}
</style>
</head><body><iframe src="http://volunteerstokenya.blogspot.com"></iframe></body></html>

...

Havde det været et spørgsmål om at indsætte en iframe uden at den fyldte 100% kunne du også oprette de 700x1200 som du spurgte til før med denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
iframe{height:1200px;width:700px;}</style>
</head><body><iframe src="http://volunteerstokenya.blogspot.com"></iframe></body></html>
Avatar billede mclemens Nybegynder
23. september 2011 - 18:22 #10
Hmm, der gik lidt ged i indlægget (url-parsing), prøver lige igen.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
html{overflow:hidden;}
html,body,iframe{height:100%;border:0;padding:0;margin:0;width:100%;}
</style>

</head><body><iframe src="http://volunteerstokenya.blogspot.com"></iframe></body></html>


...

Havde det været et spørgsmål om at indsætte en iframe uden at den fyldte 100% kunne du også oprette de 700x1200 som du spurgte til før med denne:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
iframe{height:1200px;width:700px;}</style>
</head><body><iframe src="http://volunteerstokenya.blogspot.com"></iframe></body></html>
Avatar billede olebole Juniormester
24. september 2011 - 00:20 #11
@mclemens: Jamen pointen er jo netop, at det omkransende element ifølge CSS standarden eksplicit skal have sat en højde, hvis du vil bruge height:100%. BODY elementet har jo ikke nogen højde i sig selv - det er kun så højt, som dets indhold er. Derfor virker din kode ikke.

Derudover tillader HTML 4.01 ikke, at inline elementer ligger 'løst' i BODY elementet. Inline indhold skal ligge i et block element.

I øvrigt er IFRAME elementer slet ikke del af HTML 4.01. De var del af HTML 3.2 - og de kunne anvendes under overgangs versionen HTML 4.01 Transitional. Desuden bliver de igen del af HTML, når version 5 bliver en realitet.
Avatar billede mclemens Nybegynder
24. september 2011 - 00:48 #12
@olebole.
Hvis du kigger i mit eksempel er der sat en højde på html elementet, body elementet og iframe elementet - så det virker vel ?

html,body,iframe{height:100%;border:0;padding:0;margin:0;width:100%;}

- Den anden del af den hvor der kun er defineret højden på iframen var for at vise forskellen på de to og lægge begge eksempler.

Ok, doctypen skal så rettes til og et <div> ... </div> element lagt inde i body elementet (og så height på div elementet ligesom de andre). Af hensyn til spørger må den nok kastes tilrettet ...

- Tak for rettelserne, det er lang tid siden
jeg har pillet ved html/css efterhånden.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
html{overflow:hidden;}
html,body,div,iframe{height:100%;border:0;padding:0;margin:0;width:100%;}
</style></head><body><div><iframe src="http://volunteerstokenya.blogspot.com"></iframe></div></body></html>
Avatar billede olebole Juniormester
24. september 2011 - 01:01 #13
Sorry, det havde jeg overset  =)

Måske, man lige skulle flytte overflow:hidden til BODY elementet - da det jo normalt er HTML elementet, der scroller
Avatar billede herberth Juniormester
21. juni 2012 - 18:15 #14
Hej Olebole

Du har stadig dit gamle krigshumør i behold! Du nævnte på et tidspunkt at du gerne ville give mig et overslag over hvad der skulle til for at få en ny hjemmeside i luften - den er lavet i sin grundskabelon (en markup) - men der mangler alt det bagvedliggende, databaser, brugeradmin etc. - jeg ved ikke rigtig hvorledes jeg skal få fat i dig så derfor skriver jeg et indlæg her. Er du sød at skrive tilbage til mig på herbert@netspirit.dk - På forhånd tak.
Avatar billede herberth Juniormester
12. januar 2015 - 11:37 #15
lukkes
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