Avatar billede kennidk Nybegynder
07. januar 2006 - 17:02 Der er 35 kommentarer

Designproblemer, kan i hjælpe?

Hejsa Eksperter

Jeg har lige fixet et nyt design på www.hh-media.dk/hhmedia.html, men min bund går aalt for langt ned. Det er meningen den skal stoppe ved brugerens browsers bund. Jeg har forsøgt diverse 100% html koder, samt 2 css styles:

}
.tableheight {
height: auto;
}

og

}
.tableheight {
height: 100%;
}

- men det vil ikke funke. Har i en løsning på hvordan jeg får bunden dvs. www.hh-media.dk/images/hhmedia_23.gif til at stoppe ved browser-bunden?

På forhånd tak for hjælpen

Kenni Brinch
Community Manager
Avatar billede mjl Nybegynder
07. januar 2006 - 17:11 #1
Prøv lige at sætte ...

<table width="708" border="0" cellpadding="0" cellspacing="0">

til ...

<table width="708" height="100%" border="0" cellpadding="0" cellspacing="0">
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:15 #2
d0ne
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:15 #3
ser ikke så godt ud .. hehe
Avatar billede mjl Nybegynder
07. januar 2006 - 17:16 #4
Nop - hvorfor har du 2 <table>'s
Avatar billede apo Praktikant
07. januar 2006 - 17:18 #5
Jeg hjalp en bruger med et lignende problem i dette spørgsmål: http://exp.dk/spm/667570

Løsningen blev en side opbygget med divs. I øvrigt anvender du ingen DOCTYPE i dit viste HTML-dokument, hvilket disabler det meste CSS i en browser som IE.
Avatar billede mjl Nybegynder
07. januar 2006 - 17:21 #6
Lav evt. først en "yder" table med 3-4 td'er - lav den 100% høj - byg derefter videre i dine td'er...håber du forstår!?
Avatar billede apo Praktikant
07. januar 2006 - 17:21 #7
... En DOCTYPE kan f.eks. se således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Og skal placeres helt øverst (vigtigt!) i et HTML-dokument.
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:22 #8
mjl - den sidste tabel indeholder det nederste billede af bunden. Jeg troede jeg kunne sætte den til 100%, så det kun var bunden der blev strakt. Men det hjalp jo ikke så meget, udover bunden blev mega lang.
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:23 #9
apo, jeg har bevidst fjernet den, fordi jeg troede det netop gav problemer i henhold til 100% html-koder.
Avatar billede mjl Nybegynder
07. januar 2006 - 17:23 #10
Hvis du har een yder table der er 100% høj, vil den gå fra top til bund (men kun til indholdet evt. bliver længere...)
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:24 #11
Siden kommer til at køre i iframes, så det bliver ikke længere, selvom der kommer mere indhold ;)
Avatar billede apo Praktikant
07. januar 2006 - 17:25 #12
kennidk > Tværtimod er en HTML-kode kun en 100% HTML-kode hvis dokumentet indeholder en DOCTYPE. Uden en fuldgyldig DOCTYPE har du ingen kontrol over hvordan en browser viser din HTML :-)
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:26 #13
Der er en doctype på nu =)
Avatar billede apo Praktikant
07. januar 2006 - 17:29 #14
Hvis du senere går over til at anvende frames, skal du i stedet benytte denne DOCTYPE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

... Der er en DOCTYPE særligt velegnet til frames ;-)
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:32 #15
Jeg har sat den doctype til frames på - for det er 100% sikkert vi skal bruge frames.. Men jeg forstår stadig ikke det med højden?

Jeg er nemlig ikke særlig god til HTML generelt, slet ikke når det drejer sig om tabeller :/
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:39 #16
mjl - tror du at du kan hjælpe mig med at fixe den idé du kom med?. Jeg tror desværre ikke mine halvdårlige skills endnu er i stand til det :/
Avatar billede apo Praktikant
07. januar 2006 - 17:39 #17
kennidk > Du skal først sætte doctypen til frames på _når_ du benytter frames ;-) Indtil da kan du benytte den doctype, jeg viste dig tidligere. Det er vigtigt at du benytter den korrekte DOCTYPE alt efter hvilken type HTML-dokument, du arbejder med.

Så du egentlig mit link til et spørgsmål hvor jeg hjalp en anden bruger i et lignende spørgsmål? http://exp.dk/spm/667570

Men hvis du alligevel vil benytte frames har du ikke brug for linket.
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:42 #18
Jeg så dit link - men jeg synes ikke det hjalp så meget ;)

- og ja, vi skal bruge frames, og hvis jeg kan få ordnet designet hurtigst muligt, kan vi gå igang med at programmere det i nat / imorgen. Så er det vel ligemeget om frames doc´en er der? oder was? =)
Avatar billede apo Praktikant
07. januar 2006 - 17:48 #19
Nope, det er aldrig ligemeget. Hvis du f.eks. sætter en frames-DOCTYPE på et dokument uden frames, kan det påvirke den måde din HTML tager sig ud på.

Brug derfor _kun_ frames-DOCTYPE'n til HTML-dokumenter med frames, og denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

eller denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

til HTML-dokumenter uden frames :-)

Læs mere her: http://www.w3.org/TR/REC-html40/struct/global.html#h-7.2

En DOCTYPE fortæller jo browseren hvilken type dokument, der er tale om og indeholder endvidere nogle regler for hvordan browseren skal fortolke dokumentet.

Hvorfor vil du/I egentlig benytte frames til Jeres site?
Avatar billede apo Praktikant
07. januar 2006 - 17:49 #20
Det nederste eksempel i mit link er et eksempel på et HTML-dokument, der fylder layoutet ud i højden - uanset hvor stort brugerens vindue er. Derfor mente jeg at du kunne bruge det.

Har du prøvet at teste det?
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:51 #21
Fordi vi ikke vil have hjemmesiden fortsætter i en uendelighed. Den skal helst stoppe ved browserens bund.

- og så er det også noget med det community der kommer til at være.
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:54 #22
Nej, for jeg kan ikke finde rundt i dit eksempel :/
Avatar billede kennidk Nybegynder
07. januar 2006 - 17:57 #23
Faktisk må jeg nok hellere indskyde med at det er første gang jeg sætter mit eget design op i et HTML dokument.
Avatar billede apo Praktikant
07. januar 2006 - 17:57 #24
Prøv at kopiere denne kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Arka-Trading</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="arka trading, arka-trading web-bureauet quorning, quorning, quorning.com,">
<style type="text/css">
html,body {height:100%;margin:0px;padding:0px;}
#mainDiv {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#topDiv {position:relative; top:0; left:0; width:750px; height:83px; background-color:#2966A3;}
#menDiv {position:relative; top:0; left:0; float:left; padding:10px; width:150px; height:100%; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#FFFFFF; background-color:#2966A3;}
#conDiv {position:relative; top:0; left:0; float:left; padding:10px; width:600px; height:100%; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#000000;}
#botDiv {position:absolute; bottom:0; left:0; margin:0; padding-top:8px; width:750px; height:24px; text-align:center; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#FFFFFF; background-color:#2966A3;}
.banWidth {width:750px;}
.banHeight {height:83px;}
</style>
</head>
<body>

<div id="mainDiv">
<div id="topDiv"><img src="../grafik/top.gif" class="banWidth banHeight" alt="Topbanner"></div>
<div id="menDiv">
    Varekatalog<br>
    Profil<br>
    Nyheder<br>
    Handelsbetingelser<br>
    Forhandlere<br>
    Kontakt os
</div>
<div id="conDiv">
    Her er din tekst...
</div>
<div id="botDiv">&copy; Copyright 2005</div>
</div>

</body>
</html>

... indsæt den i et dokument og kør dokumentet (Enten i din HTML-editor eller ved at uploade dokumentet til dit webhotel). Derefter vil du kunne se, at siden indretter sig efter vinduets højde - Hvilket var din målsætning i spørgsmålets begyndelse. Helt uden brug af frames :-)
Avatar billede kennidk Nybegynder
07. januar 2006 - 18:00 #25
Ja, det kan jeg godt se :) men det hjælper jo ikke meget, når jeg ikke forstår hvad jeg skal bruge i dit eksempel, og hvor det skal sættes ind :)
Avatar billede apo Praktikant
07. januar 2006 - 18:02 #26
Hvis det er første gang du arbejder med HTML er det selvfølgelig ikke noget du bliver god til på en aften/nat.

Det kræver en del arbejde, og tager noget tid at lære - Og man bliver aldrig færdig med at lære, hvilket gør at der altid vil blive stillet nye spørgsmål her på eksperten ;-)
Avatar billede kennidk Nybegynder
07. januar 2006 - 18:04 #27
Det er ikke første gang jeg arbejder med html, det har jeg gjort mange gange før. Men det er første gang jeg skal sætte mit eget design op.

Jeg kan se at det andet design du sendte mig et eksempel på før, tilpasses af css styles. Det fatter jeg endnu mindre brik af ;)
Avatar billede apo Praktikant
07. januar 2006 - 18:06 #28
For at kunne bruge mit eksempel er du nød til at vide lidt om HTML og CSS. Især når du skal rette og tilføje nye ting til layoutet.

Så hvis du ikke mener at din viden er stor nok til det, endnu (Det kan jo komme), er det bedst at du laver dit HTML-dokument som du selv føler dig tryg ved: F.eks. med frames.

Når du på et senere tidspunkt mener at det er på tide at komme videre med din HTML kan du altid tage udgangspunkt i det eksempel jeg har vist dig :-)
Avatar billede kennidk Nybegynder
07. januar 2006 - 18:07 #29
Jeps, men jeg skal jo stadig have designet til at gå ned til bunden af browseren ;)
Avatar billede kennidk Nybegynder
07. januar 2006 - 18:09 #30
Jeg har en anden hjemmeside - www.HabboSS.dk, hvor jeg også selv satte designet op. HH-Media skal være næsten identisk med selve opstillingen osv. på www.HabboSS.dk. Jeg vil bare have HH-Medias bund, går ned og rammer browserens bund.
Avatar billede apo Praktikant
07. januar 2006 - 18:10 #31
Jeg bruger aldrig selv frames og ved kun meget lidt om hvordan man arbejder med dem. Så jeg kan nok ikke hjælpe dig mere her (Jeg ville ellers gerne).

Bruger du en editor som FrontPage eller en anden editor, hvor du kan indsætte frames ved tryk på nogle knapper (WYSIWYG)?
Avatar billede apo Praktikant
07. januar 2006 - 18:15 #32
Det ser ellers pænt ud (www.HabboSS.dk) :-)

De to eneste måde, jeg kender til, hvor layoutet automatisk tilpasser sig browservinduet er enten ved brug af frames eller via den måde jeg viste dig i mit eksempel.

Men som sagt har jeg ikke meget kendskab til brug af frames. Ellers må vi håbe at der kommer én med kendskab til frames forbi dit spørgsmål.
Avatar billede apo Praktikant
07. januar 2006 - 18:30 #33
Prøv at lægge den kode, du arbejder med. Så kan jeg se lidt på den. Måske kan jeg alligevel hjælpe dig lidt :-)
Avatar billede kennidk Nybegynder
07. januar 2006 - 18:49 #34
http://www.hh-media.dk/test.html

så langt er jeg kommet.. jeg mangler vist bare at få iframen op i toppen af siden. Kan du hjælpe med det? =)
Avatar billede kennidk Nybegynder
07. januar 2006 - 19:00 #35
fixede jeg lige selv med en valign="top" i td :)
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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