/ 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
Udfylde resten af en side med div
Fra : Benny Hansen


Dato : 03-12-09 14:25

Hej,

jeg er ved at lave noget design til nogle simple information. Jeg
vil i den forbindelse gerne have top logo til at være i toppen
hele tiden og bunden til at være i bunden hele tiden, og så lave
scroll på indhold. Indholdet skal så fylde resten af siden. Har
lavet dette til at starte med:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<style type="text/css">
body {height: 100%;}
         html, body {margin:0px;padding: 0px;height: 100%;}
         
         #info {background-color:#FFFFFF;}
         #info #top
{top:0;position:absolute;height:50px;background-color:#666666;wid
th:100%;}
         #info #content {color:#666666;height:200px;overflow:hidden;}
         #info #bottom
{position:absolute;bottom:0;background-color:#666666;}
</style>
</head>
<body>
<div id="info">
<div id="top">
top
</div>
<div id="content">
content
</div>
<div id="bottom">
hej
</div>
</div>
</body>
</html>

Jeg har vedlagt dette billede for at illustrere hvad jeg mener.

http://bennyhansen.webs.com/photos/htmldk.jpg

Mvh Benny

--
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

 
 
janis (03-12-2009)
Kommentar
Fra : janis


Dato : 03-12-09 16:14

Benny Hansen wrote in dk.edb.internet.webdesign.html:
> Hej,
>
> jeg er ved at lave noget design til nogle simple information. Jeg
> vil i den forbindelse gerne have top logo til at være i toppen
> hele tiden og bunden til at være i bunden hele tiden, og så lave
> scroll på indhold. Indholdet skal så fylde resten af siden. Har
> lavet dette til at starte med:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" >
> <head>
> <title>Untitled Page</title>
> <style type="text/css">
> body {height: 100%;}
>          html, body {margin:0px;padding: 0px;height: 100%;}
>          
>          #info {background-color:#FFFFFF;}
>          #info #top
> {top:0;position:absolute;height:50px;background-color:#666666;wid
> th:100%;}
>          #info #content {color:#666666;height:200px;overflow:hidden;}
>          #info #bottom
> {position:absolute;bottom:0;background-color:#666666;}
> </style>
> </head>
> <body>
> <div id="info">
> <div id="top">
> top
> </div>
> <div id="content">
> content
> </div>
> <div id="bottom">
> hej
> </div>
> </div>
> </body>
> </html>
>
> Jeg har vedlagt dette billede for at illustrere hvad jeg mener.
>
> http://bennyhansen.webs.com/photos/htmldk.jpg
>
> Mvh Benny
>
> --
> 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


--
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

janis (03-12-2009)
Kommentar
Fra : janis


Dato : 03-12-09 16:16

Måske kan dette link hjælpe:

http://www.cssstickyfooter.com/


Janis

--
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

Allan Vebel (03-12-2009)
Kommentar
Fra : Allan Vebel


Dato : 03-12-09 16:21

Benny Hansen skrev:

> vil i den forbindelse gerne have top logo til at
> være i toppen hele tiden og bunden til at være
> i bunden hele tiden, og så lave scroll på indhold.

Der er et eksempel så sådan noget her:

http://hjemmesideskolen.dk/html/testsider/fixed.asp


--
Allan Vebel
http://vebel.dk | http://html-faq.dk



Birger Sørensen (03-12-2009)
Kommentar
Fra : Birger Sørensen


Dato : 03-12-09 19:32

Benny Hansen forklarede:
> Hej,
>
> jeg er ved at lave noget design til nogle simple information. Jeg
> vil i den forbindelse gerne have top logo til at være i toppen
> hele tiden og bunden til at være i bunden hele tiden, og så lave
> scroll på indhold. Indholdet skal så fylde resten af siden. Har
> lavet dette til at starte med:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" >
> <head>
> <title>Untitled Page</title>
> <style type="text/css">
> body {height: 100%;}
>          html, body {margin:0px;padding: 0px;height: 100%;}
>          
>          #info {background-color:#FFFFFF;}
>          #info #top
> {top:0;position:absolute;height:50px;background-color:#666666;wid
> th:100%;}
>          #info #content {color:#666666;height:200px;overflow:hidden;}
>          #info #bottom
> {position:absolute;bottom:0;background-color:#666666;}
> </style>
> </head>
> <body>
> <div id="info">
> <div id="top">
> top
> </div>
> <div id="content">
> content
> </div>
> <div id="bottom">
> hej
> </div>
> </div>
> </body>
> </html>
>
> Jeg har vedlagt dette billede for at illustrere hvad jeg mener.
>
> http://bennyhansen.webs.com/photos/htmldk.jpg
>
> Mvh Benny

#content {
position : absolute;
top : 50px; /* (højden af #top)*/
bottom : (højden af #bottom)px;
overflow : auto;
color : #666666;
}
og så skal #info ikke være der - hverken div'en eller CSS-klassen. Sæt
baggrundsfarve på body i stedet.
Og drop styling af <html> elementet - det har ingen style...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



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

Månedens bedste
Årets bedste
Sidste års bedste