Avatar billede agersten Nybegynder
01. september 2005 - 13:07 Der er 33 kommentarer og
1 løsning

Hjemmeside med frames der tilpasser sig brugerens skærmstørrelse?

Hejsa!

Jeg har en hjemmeside med frames. Problemet er jo, at den ændrer sig, alt efter hvilken opløsning brugeren har, hvilket tit giver en grim side.
Hvad kan I anbefale, man gør?
Ved godt det har været oppe flere gange, men mange af svarerne har jeg svært ved at gennemskue! Jeg er novice, så behøver tingene skåret ud i pap ;)
Se evt. min side: www.julie-agersten.dk
Meningen er, at den skal laves om, så den har to indgange: en dansk og en engelsk.

På forhånd tak!
/Julie
Avatar billede roenving Novice
01. september 2005 - 13:13 #1
Hvis den har en bestemt størrelse, kan du jo lave et omkring-liggende frameset, som tilpasser sig til vinduet, f.eks.

<frameset rows="*,768,*" cols="*,1024,*">
  <frame src="about:blank" frameborder="0">
  <frame src="about:blank" frameborder="0">
  <frame src="about:blank" frameborder="0">
  <frame src="about:blank" frameborder="0">
  <frame src="ditFrameset.html" frameborder="0">
  <frame src="about:blank" frameborder="0">
  <frame src="about:blank" frameborder="0">
  <frame src="about:blank" frameborder="0">
  <frame src="about:blank" frameborder="0">
</frameset>
Avatar billede agersten Nybegynder
01. september 2005 - 13:24 #2
Det her er min frames page's HTML, hvor skal det så indsættes?? ;)

<frameset framespacing="0" border="0" frameborder="0" rows="*">
  <frameset cols="154,83%">
  <frame name="left" scrolling="auto" noresize target="rtop" src="Menu4.htm">
  <frameset rows="16%,*,13%">
    <frame name="rtop" target="rbottom" src="Menu2.htm" scrolling="no" marginwidth="20" marginheight="15">
    <frame name="rbottom" target="_self" src="Menu3.htm" scrolling="auto">
    <frame name="rbottom1" src="Menu5.htm" scrolling="no">
  </frameset>
  </frameset>
  <noframes>
  <body>

  <p>This page uses frames, but your browser doesn't support them.</p>

  </body>
  </noframes>
</frameset>
Avatar billede agersten Nybegynder
01. september 2005 - 13:29 #3
Lige præcis en omkring-liggende frame lavede en af mine venner for mig, men han lavede den i 600x800, hvilket jeg syntes var alt for lille, jeg vidste bare ikke, hvordan jeg skulle lave det om - så hvordan laver man en omkring-liggende frame? *GG*
Avatar billede agersten Nybegynder
01. september 2005 - 13:38 #4
hmmm er det det, der hedder "inline frame"?
Avatar billede roenving Novice
01. september 2005 - 13:38 #5
Selv ville jeg nok vælge at indsætte mit frameset-dokument i en div med fast bredde, og så ikke benytte mig af relative højder eller bredder !-)

Faktisk ville jeg kun fastholde frames, hvis jeg uden noget serverside ønskede at have nogle faste elementer sammen med noget dynamisk, og sikkert bygge det op med iframes ...
Avatar billede roenving Novice
01. september 2005 - 13:42 #6
iframes eller inline frames kan bruges i dokumenter uden at have et selvstændigt frameset !-)
Avatar billede agersten Nybegynder
01. september 2005 - 13:45 #7
Så hvis jeg laver en iframe størrelse 1024 x 750, vil det så være passende? der skal jo også være plads til navigationsbaren osv, så er i tvivl om 750 er for stort.. Men vil en iframe så løse problemet?
Avatar billede roenving Novice
01. september 2005 - 13:52 #8
F.eks. kan du lave en tabel med to celler i, en til venstre-menuen og en til resten, hvor du så indsætter en div til toppen, en iframe til indholdet og endnu en div til bunden !-)
Avatar billede agersten Nybegynder
01. september 2005 - 13:54 #9
en div??? sorry *GG*
Avatar billede agersten Nybegynder
01. september 2005 - 13:55 #10
ellers har jeg vist fattet pointen ;)
Avatar billede roenving Novice
01. september 2005 - 14:11 #11
F.eks. kan det sådan ud:

<!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">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;background:#aaa;overflow:hidden;}
table{border-collapse:collapse;border:0;}
td{margin:0;border:0;padding:0;vertical-align:top;}
</style>
<title>Julie Agersten</title>
</head>
<body>
<table style="width:1024px;margin: 0 auto;">
  <tr>
    <td style="width:154px;background:#abc;">
      <!-- Din venstre-menu -->
      Her er menuen
    </td>
    <td style="width:870px;">
      <div id="banner" style="height:100px;background:#ccc;">
        <!-- dit banner eller topmenu eller begge dele !-) -->
      </div>
      <iframe name="indhold" src="ditIndhold.html" style="width:870px;height:570px;" frameborder="0"></iframe>
      <div id="footer" style="height:80px;background:#eee;">
        <!-- Din bund/footer e.l. -->
      </div>
    </td>
  </tr>
</table>
</body>

</html>
Avatar billede agersten Nybegynder
01. september 2005 - 14:17 #12
OK, så den kan jeg bare gå i gang med at fylde ud, som jeg lyster? ;) For så siger jeg mange tak for hjælpen!! Du skal jo også lige have dine point :D
Avatar billede agersten Nybegynder
01. september 2005 - 14:21 #13
Argh, hvordan laver jeg farverne om?? Troede det var i table eller cell properties!
Avatar billede roenving Novice
01. september 2005 - 14:23 #14
Ja, du kan jo checke, at den ser ud som du vil have den, og jeg har sat de fleste style-properties som inline styles, så det skulle være overskueligt at finde det !-)

-- nu brugte jeg bare tallet 750 som udgangspunkt, og beregnede top-og bund-tingen udfra de 16 og 13 %, som var angivet i framesettet udfra de 600px, du nævnte, men der skal du nok tilpasse højden af iframen, så du får det, du vil have !o]

-- og så satte jeg en baggrundsfarve og fjernede scrollbaren på hovedsiden, det kan du jo vælge at gøre anderledes, men start med at lege lidt med det, så du får en fornemmelse af, hvad det er, der gør hvad !-)
Avatar billede roenving Novice
01. september 2005 - 14:24 #15
Farverne laver du om de steder, hvor der er farve-værdier, nemt genkendelige med #-tegnet først !-)

Velbekomme '-)
Avatar billede agersten Nybegynder
01. september 2005 - 14:27 #16
OK, jeg er bare en klovn til HTML, vil helst bare "se" hvad jeg laver i Frontpage ;) Alt den tekst er så forvirrende, men jeg vil eksperimentere lidt med det hele!
Avatar billede roenving Novice
01. september 2005 - 14:33 #17
-- hvis du bruger FrontPage, må du ikke komme ovenstående valide kode ind i, for det laver wysiwyg-tingen om til ukorrekt og invalid kode !-)

-- det var _meget_ slemt i en FP4 eller 5, jeg har set på, men er vist ikke så slemt mere, men stadig sådan, at vise typer kode laves om til noget allermindst meget grim, og i forhold til den kodestil, jeg selv bruger, ugyldig kode ...

-- selv bruger jeg vis i browser i stedet for wysiwyg-interfaces !o]
Avatar billede agersten Nybegynder
01. september 2005 - 14:36 #18
Jamen hvad så??? Nu er jeg da pløk-forvirret *GG*
Avatar billede agersten Nybegynder
01. september 2005 - 14:52 #19
wysiwyg-tingen? hvad er det? og hvad gør den her <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"> egentlig godt for? :) altså web adressen...
Avatar billede roenving Novice
01. september 2005 - 14:53 #20
Jeg bruger selv Stone's webwriter, som bruger den samme windows-komponent, og nu kan den slet ikke åbne den grafiske editor, men der editerer jeg al kode manuelt, og kigger så på resultatet i ekstern browser ...

-- og jeg kan fortælle, at jeg i foråret redigerede et aspx-dokument i Visual Studio 2003, og havde brugt et godt stykke tid til at lave dokumentet, og så skulle jeg lige tilføje en attribut på et asp-tag, som jeg kun kunne se mulighederne for i det grafiske interface, hvorfor jeg switchede til det. Da jeg så gik tilbage til html-interfacet havde den komponent udskiftet min pæne, gyldige og perfekt virkende kode med en hel masse snot, hvoraf noget af det var direkte ugyldig andet bare var grimt html-kode og en hel masse bare dumt skrevet css ...

-- hvis du ikke kan lave det uden en grafisk editor, kan DreamWeaver lige slævean, men heller ikke den laver alt korrekt og pænt !-)
Avatar billede roenving Novice
01. september 2005 - 14:55 #21
dtd-linket fortæller browseren præcis hvilken DocType-Definition, den skal bruge, og tvinger derved IE til at overholde visse meget vigtige grundlæggende css-regler !-)
Avatar billede agersten Nybegynder
01. september 2005 - 14:58 #22
Så du siger altså, at jeg ikke skal bruge Frontpage?? Jeg har også lige installeret Stone's webwriter, men er jo lidt mere bekendt med FP...
Avatar billede roenving Novice
01. september 2005 - 15:07 #23
Hvis du har behov for at arbejde i en grafisk editor, vil jeg kraftigt anbefale, at du finder noget andet end både FrontPage og Stone's !-)

-- jeg kender ikke www.tsw.dk, men har set pæne ord om den, men da jeg som sagt ikke bruger den grafiske editor selv, har jeg ikke haft behov for at checke den ud !o]

DreamWeaver kender jeg, og vil beskrive den som væsentligt mindre ringe end FrontPage, men den koster jo altså nogle knapper ...
Avatar billede agersten Nybegynder
01. september 2005 - 15:11 #24
Æv altså!! Så der er ingen nem løsning for at lave det, jeg ønsker i Frontpage? kender da iøvrigt én, der hellere bruger FP end DreamWeaver, og han er programmør ;)
Hvad er der galt med FP? det er jo den, jeg har brugt på hele min hjemmeside...
Avatar billede roenving Novice
01. september 2005 - 15:20 #25
Som jeg beskriver, ændrer den kode, som du selv skriver, hvis du bruger den grafiske editor, og så er outputtet fra den faktisk ikke valid html-kode, hvis du bare designer direkte i den ...

-- men det kan selvfølgelig lade sig gøre at rette det efter man har brugt den, men det er voldsomt omstændeligt !-)
Avatar billede agersten Nybegynder
01. september 2005 - 15:24 #26
Jøsses!! troede egentlig det var nok, hvis man havde en iframe på 1024x768, hvor hele siden blev vist indeni!
Jeg har jo aldrig rettet i min html, bare lavet det grafiske... Og det har da set ud til at fungere, bortset fra at jeg gerne ville have den til at være "frosset" i designet.
Avatar billede roenving Novice
01. september 2005 - 15:29 #27
Du kan jo også bare gøre det, for du behøver jo ikke være ligeså hysterisk, som jeg er, omkring at koden er korrekt, pæn og valid !-)

-- men de eksempler af FP-genereret kode jeg har set, har faktisk haft fejl nogle steder, som vil betyde forskellig visning i de forskellige browsere !o]
Avatar billede agersten Nybegynder
01. september 2005 - 15:38 #28
ok, nå men jeg vil prøve mig lidt frem, bliver barenødt til at bruge FP, som det er lige nu... skal jeg sætte denne linie ind i html'n under alle omstændigheder?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede roenving Novice
01. september 2005 - 15:45 #29
Ja, for så vil også IE forsøge at parse og benytte css efter de regler, som er udstukket af w3c !-)
Avatar billede agersten Nybegynder
01. september 2005 - 15:55 #30
ok, tak :D
Avatar billede agersten Nybegynder
01. september 2005 - 15:56 #31
du fik dine point ikk? for den bliver ved at sige "accepter"!?
Avatar billede roenving Novice
01. september 2005 - 16:00 #32
Hvis du skal aflevere point, skal du huske at markere navnet i boksen til venstre !-)

Kig f.eks. i faq'en: http://expfaq.1go.dk !o]
Avatar billede agersten Nybegynder
01. september 2005 - 16:01 #33
så :) havde bare glemt det, har gjort det før ellers...
Avatar billede roenving Novice
01. september 2005 - 16:05 #34
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
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