/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Align til bund med CSS
Fra : Kenneth


Dato : 23-11-04 15:54

Hej. Jeg har en enkelt side der er bygget op med CSS. Jeg vil
gerne have en top, en indholdsdel og en bund. Jeg har sat højden
på det hele til altid at være MINIMUM 100%. Top skal have en fast
højde og det samme skal bunden. Indholdsdelen skal tilpasse sig.
Men hele sitet skal altså altid som minimum fylde 100% i højden.
Er der meget indhold i indholdsdelen er det helt i orden at man
skal scrolle.

Mit problem er ganske enkelt at jeg ikke kan få min bund til at
"sidde fast" i bunden af siden.

Herunder ses min kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
type="text/css">
html, body {height:100%;}
#main{
margin-left:auto;
margin-right:auto;
height: 100%;
width: 730px;
border: 1px solid black;
}
#banner{
height: 130px;
width: 100%;
border-bottom: 1px solid black;
background: orange;
}

#bund{
height: 20px;
width: 100%;
border-top: 1px solid black;
background: orange;
}
</style>

</head>
<body>
<div id="main"><div id="banner"><div id="bund"></div></div></div>
</body>
</html>

På forhånd tak for hjælpen!


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials

 
 
Kenneth (23-11-2004)
Kommentar
Fra : Kenneth


Dato : 23-11-04 17:32

NY OG BEDRE FORKLARING / KODE

Jeg fik sandsynligvis ikke forklaret mig ordentligt. Og koden var
vist heller ikke korrekt.

Derfor ny forklaring + kode:

Jeg ønsker at #main skal fylde 100% af browseren i højden. #banner
skal være 130 px i højden og #bund skal være 10 px i højden.

#indhold skal udgøre resten uanset browserens højde.

Kommer der "for meget" indhold i #indhold er det helt okay at der
kommer scroll på browseren. #bund skal følge med nedad og "sidde
fast" i bunden af browseren.

Min kode ser således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
type="text/css">
html, body {height:100%;}

#main{
margin-left:auto;
margin-right:auto;
height: 90%;
width: 730px;
border: 1px solid black;
}


#banner{
height: 130px;
width: 100%;
border-bottom: 1px solid black;
background: orange;
}

#indhold{
height: 100%;
width: 100%;
border-bottom: 1px solid black;
background: black;
}


#bund{
height: 10px;
width: 100%;
border-top: 1px solid black;
background: blue;
}
</style>

</head>
<body>
<div id="main"><div id="banner"></div><div id="indhold"></div><div
id="bund"></div></div>
</body>
</html>




--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials

Simon Moore Højer (23-11-2004)
Kommentar
Fra : Simon Moore Højer


Dato : 23-11-04 18:10

> Jeg ønsker at #main skal fylde 100% af browseren i højden. #banner
> skal være 130 px i højden og #bund skal være 10 px i højden.
>
> #indhold skal udgøre resten uanset browserens højde.
>
> Kommer der "for meget" indhold i #indhold er det helt okay at der
> kommer scroll på browseren. #bund skal følge med nedad og "sidde
> fast" i bunden af browseren.

Er ikke sikker på at jeg har forstået dit spg helt rigtigt, men er det
noget alla det her du søger?

www.moorehojer.dk/test/index.html


--
Simon Moore Højer
http://www.usenet.dk/netikette/citatteknik.html
http://www.usenet.dk/netikette/signatur.html
http://www.usenet.dk/netikette/larm.html



Allan Vebel (23-11-2004)
Kommentar
Fra : Allan Vebel


Dato : 23-11-04 22:13

Simon Moore Højer <simonhoejer@hotmail.com> skrev:

> www.moorehojer.dk/test/index.html

Min browser spørger efter en baltisk sprogpakke.

Ret
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-4">

til
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

--
Allan Vebel
Hjælp os til nye aktuelle artikler og faq-svar - skriv til
http://html-faq.dk/kontakt.asp



Simon Moore Højer (23-11-2004)
Kommentar
Fra : Simon Moore Højer


Dato : 23-11-04 23:47

> Min browser spørger efter en baltisk sprogpakke.
>
> Ret
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-4">
>
> til
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1">

Er hermed gjort...


--
Simon Moore Højer
http://www.usenet.dk/netikette/citatteknik.html
http://www.usenet.dk/netikette/signatur.html
http://www.usenet.dk/netikette/larm.html



jensen (24-11-2004)
Kommentar
Fra : jensen


Dato : 24-11-04 09:15


"Simon Moore Højer" <simonhoejer@hotmail.com> skrev i en meddelelse
news:41a36edd$0$84105$14726298@news.sunsite.dk...

>
> Er ikke sikker på at jeg har forstået dit spg helt rigtigt, men er det
> noget alla det her du søger?
>
> www.moorehojer.dk/test/index.html
>

Nu ved jeg ikke om det præcist er hvad Kenneth søger, men det er da sådan
jeg har forstået det....
Jeg roder selv med samme problem, og det er ihvertfald noget i den stil jeg
gerne ville.
Men!.......:
Dit eksempel er lavet med "<tabel>" og ikke "<div>".. og undskyld mig, men
så er det jo "nemt nok". Problemet er at få det til at fungere uden brug af
tabeller.

Hilsen Jensen



from south (24-11-2004)
Kommentar
Fra : from south


Dato : 24-11-04 19:22

Jensen skriblede.
"jensen" <_@_.dk> skrev i en meddelelse
news:41a442d2$0$8783$edfadb0f@dread15.news.tele.dk...
>
> "Simon Moore Højer" <simonhoejer@hotmail.com> skrev i en meddelelse
> news:41a36edd$0$84105$14726298@news.sunsite.dk...
>
[snip]
>
> Nu ved jeg ikke om det præcist er hvad Kenneth søger, men det er da
> sådan jeg har forstået det....
> Jeg roder selv med samme problem, og det er ihvertfald noget i den
> stil jeg gerne ville.
> Men!.......:
> Dit eksempel er lavet med "<tabel>" og ikke "<div>".. og undskyld mig,
> men så er det jo "nemt nok". Problemet er at få det til at fungere
> uden brug af tabeller.
>
> Hilsen Jensen
>
Kunne du lige forklare det på dansk? Hilsen Knud


Kenneth (25-11-2004)
Kommentar
Fra : Kenneth


Dato : 25-11-04 16:27

jensen wrote in dk.edb.internet.webdesign.html:
> "Simon Moore Højer" <simonhoejer@hotmail.com> skrev i en meddelelse
> news:41a36edd$0$84105$14726298@news.sunsite.dk...
>
> >
> > Er ikke sikker på at jeg har forstået dit spg helt rigtigt, men er det
> > noget alla det her du søger?
> >
> > www.moorehojer.dk/test/index.html
> >
>
> Nu ved jeg ikke om det præcist er hvad Kenneth søger, men det er da sådan
> jeg har forstået det....
> Jeg roder selv med samme problem, og det er ihvertfald noget i den stil jeg
> gerne ville.
> Men!.......:
> Dit eksempel er lavet med "<tabel>" og ikke "<div>".. og undskyld mig, men
> så er det jo "nemt nok". Problemet er at få det til at fungere uden brug af
> tabeller.
>
> Hilsen Jensen
>
>

Du har helt ret Jensen. Hvis jeg ville lave det med tabeller var det ikke noget
problem. Så kunne jeg blot lave en tabel med 3 rækker der var 100% i højden. Så
kunne jeg give den øverste og den nederste række en fast højde i pixels. Så var
dét problem løst.

Men det jeg er ude efter, er hvordan man gør det med CSS - og ikke med
tabeller!


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kenneth (25-11-2004)
Kommentar
Fra : Kenneth


Dato : 25-11-04 16:29

Simon Moore Højer wrote in dk.edb.internet.webdesign.html:
> > Jeg ønsker at #main skal fylde 100% af browseren i højden. #banner
> > skal være 130 px i højden og #bund skal være 10 px i højden.
> >
> > #indhold skal udgøre resten uanset browserens højde.
> >
> > Kommer der "for meget" indhold i #indhold er det helt okay at der
> > kommer scroll på browseren. #bund skal følge med nedad og "sidde
> > fast" i bunden af browseren.
>
> Er ikke sikker på at jeg har forstået dit spg helt rigtigt, men er det
> noget alla det her du søger?
>
> www.moorehojer.dk/test/index.html
>
>
> --
> Simon Moore Højer
> http://www.usenet.dk/netikette/citatteknik.html
> http://www.usenet.dk/netikette/signatur.html
> http://www.usenet.dk/netikette/larm.html
>
>
Hej Simon.

Nej det har ikke noget med sagen at gøre. For det første bruger du
tabeller og ikke CSS. For det andet fylder dit site jo ikke 100% i højden.

Men tak for tanken

Mvh.
Kenneth

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Simon Moore Højer (25-11-2004)
Kommentar
Fra : Simon Moore Højer


Dato : 25-11-04 19:38

> Nej det har ikke noget med sagen at gøre. For det første bruger du
> tabeller og ikke CSS. For det andet fylder dit site jo ikke 100% i
> højden.

Det var nu heller ikke så meget tabeldelen jeg mente, men den cssdel der
bruges til at lave scrollbar inden i cellen. Jeg regnede med at du nok
selv, eller andre ville, kunne lave tabeldelen om til css. Jeg har
nemlig oprindeligt "lånt" ideen fra en side lavet i rent css, så jeg ved
det kan lade sig gøre, jeg kan bare ikke huske hvor det var jeg fandt
det.
Den eneste grund tilæ at mit er lavet i tabel er at det er til en kunne
der selv vil vedligeholde sit site når jeg er færdig, og ikke kender
noget til css, og derfor har bedt om at få det i tabel-form så vedkomne
lettere kan overskue vedligeholdelsesarbejdet.

--
Simon Moore Højer
http://www.usenet.dk/netikette/citatteknik.html
http://www.usenet.dk/netikette/signatur.html
http://www.usenet.dk/netikette/larm.html



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste