Avatar billede Slettet bruger
05. december 2012 - 22:39 Der er 4 kommentarer og
1 løsning

Footer altid nederst

Jeg forsøger at få min footer nederst på siden:
<body>
blabla
<div id="footer" style="position:absolute; bottom:0; left:0; right:0;">sniksnak</div>
</body>

Det virker fint sålænge siden er kortere end vinduet.
Men er indholdet længere, fungerer det nærmest som position:fixed
- altså footeren lægger sig nederst i VINDUET - ovenpå sidens indhold ?!?

Hvorfor det, og hvordan får jeg den nederst i vinduet OG under evt. langt indhold ?
Avatar billede jokkejensen Novice
06. december 2012 - 11:38 #1
Avatar billede Slettet bruger
06. december 2012 - 15:11 #2
Præcis : )

Men jeg ville gerne kunne gøre det uden at introducere en ny "wrapper"..
- det lader dog til at være umuligt (<body> er ikke et element man kan positionere sig i forhold til).

Jeg løste det noget enklere, med en wrapper (min-height:100%) (øv) omkring alt i <body>
med en filler-div nederst, med samme højde som footeren (beregnet med js (højden er variabel))
Og så footeren positioneret absolut nederst i wrapperen (ovenpå filleren hvis siden > vinduet).


Men smid et svar, så deler vi point'ene, for "din" løsning giver jo samme resultat : )
Avatar billede olebole Juniormester
12. december 2012 - 15:41 #3
<ole>

BODY elementet er positioneret static, hvorfor abslolute positionerede elementer i BODY faktisk placerer sig i forhold til HTML (documentElement) elementet.

Positionerer du BODY relative, vil child elementerne i stedet placere sig i forhold til BODY

/mvh
</bole>
Avatar billede Slettet bruger
12. december 2012 - 16:26 #4
Hæ. Det er sgu rigtigt - Væk med wrapperen : )

Det giver jo egentlig sig selv, når man ved det.. Tak skal du have!
- Og pointene også, hvis du vil ha' dem ?
Avatar billede Slettet bruger
15. december 2012 - 14:54 #5
Så napper jeg dem selv...?
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