Søg
Avatar billede yezbarh Nybegynder
09. oktober 2005 - 02:34 Der er 12 kommentarer og
1 løsning

Div helt nede i bottom

Hvordan ser en div ud som vil være helt nede ved vinduet?
..____________________..
(.......indhold.......).
|..........................).
|....div her..........|
\_____________________/
Avatar billede yezbarh Nybegynder
09. oktober 2005 - 02:35 #1
Ja, ASCII tegningen blev ikke så god, men altså en div som vil være helt nederst på siden!
Avatar billede apo Praktikant
09. oktober 2005 - 02:38 #2
Hvordan en div ser ud hvis den er helt nede ved vinduet?

Kan du omformulere spørgsmålet, så det er til at forstå? :-)
Avatar billede yezbarh Nybegynder
09. oktober 2005 - 02:42 #3
Ja, en div som er 100% width og 25 height, og som vil være langs bottom!?.
Avatar billede apo Praktikant
09. oktober 2005 - 02:42 #4
Bruger du en fuld DTD, og følgende i dit stylesheet:

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

?
Avatar billede apo Praktikant
09. oktober 2005 - 02:45 #5
Ligger diven inde i noget? Kan du lægge et kort kodeeksempel? (Jeg er stadig ikke helt med)
Avatar billede roenving Novice
09. oktober 2005 - 02:46 #6
F.eks.

<!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;}
#site{height:100%;width:760px;margin:0 auto;position:relative;background:#f77;}
.bund{width:100%;left:0;height:25px;padding:8px 0;position:absolute;bottom:0;background-color:#333;color:white;font-weight:900;text-align:center;}
</style>

<title>Tomt dokument</title>
</head>
<body>
<div id="site">
  Alt dit andet indhold !-)
 
  <div class="bund">
    &#169;&nbsp;2005 yezbarh
  </div>
</div>
</body>
</html>
Avatar billede apo Praktikant
09. oktober 2005 - 02:52 #7
roenving > Men så kræver det vel, at man benytter position på alle elementer i dokumentet?

Jeg har før forsøgt at positionere noget i bunden (via position:absolute;), hvilket resulterede i at alt ovenstående indhold flyttede sig i forhold til det positionerede.
Avatar billede yezbarh Nybegynder
09. oktober 2005 - 02:54 #8
Mange tak roenving. Læg lige svar.
Avatar billede apo Praktikant
09. oktober 2005 - 02:54 #9
Rettelse: noget af det ovenstående indhold blev overskygget af det positionerede (Svært at forklare præcist, men det så ikke kønt ud).
Avatar billede roenving Novice
09. oktober 2005 - 02:55 #10
Næh, men hvis man har indhold, som bliver længere end der bliver plads til, må man inde i site-diven også placere en 'skygge', som kan fylde ligeså meget som bund-tingen ...

-- og helt få det til at fungere ens i de almindeligste browsere kræver faktisk javascript !-)
Avatar billede roenving Novice
09. oktober 2005 - 02:57 #11
Velbekomme '-)

>>apo

-- du kan se et eksempel i http://www.eksperten.dk/spm/520876 !-)
Avatar billede apo Praktikant
09. oktober 2005 - 02:57 #12
Præcis. Jeg havde nemlig kolosale problemer med at få det til at se ens ud i henholdsvis IE og FF, og opgav til sidst :-/
Avatar billede roenving Novice
09. oktober 2005 - 03:00 #13
-- 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »