Avatar billede celfa Nybegynder
26. marts 2009 - 13:36 Der er 6 kommentarer og
1 løsning

position:absolute; bottom:0; men skal også udvide sig?

Hej.

Jeg har en footer jeg gerne ville have til at ligge sig nederst i browseren når der ikke er særlig meget tekst, men kommer der meget tekst og billeder skal den fortsætte.

Jeg har brugt:
position:absolute;
bottom:0;

for at den ligger sig i bunden. Men hvordan får jeg den så til at rykke sig når teksten fylder mere så der skal scrolles? Lige pt bliver footeren bare ved med at ligge sig nederst i browseren også køre teksten bare oven på den og fortsætter ned af, men uden af footeren følger med :(

Håber nogen kan hjælpe
Avatar billede ssv Nybegynder
26. marts 2009 - 16:00 #1
Hvis jeg forstår det korrekt, så brug position:fixed, men dette er ikke understøttet i IE6 så der må du i noget javascript for at løse det (eller en anden CSS løsning).

Prøv at smide et link, så kan jeg se problemet.
Avatar billede celfa Nybegynder
26. marts 2009 - 16:08 #2
Tjek foreskellen på:
http://www.betapack.dk/ny/index.php?p=p1
og
http://www.betapack.dk/ny/index.php?p=p2

Den første er sådan set fin nok, men så går det galt ved nummer 2 fordi at footeren bliver ved med at være i bunden af browseren ikke bunden af siden.
Avatar billede ssv Nybegynder
26. marts 2009 - 22:06 #3
Det var det jeg skrev i min første besked. Prøv at skifte "position: absolute" ud med "position: fixed" i din footer class.

Men position: fixed er ikke understøttet i IE 6, så der skal du ud i noget javascript eller en anden form for "sjov" løsning. :-)
Avatar billede celfa Nybegynder
26. marts 2009 - 22:30 #4
Det gør ingen forskel.
Avatar billede celfa Nybegynder
27. marts 2009 - 10:08 #5
Fixed så bliver den bare nederst på browseren og scroller med.
Absolute så bliver den der og rykker sig ikke.

Er der virkelig ingen der kan løse det?
Avatar billede celfa Nybegynder
27. marts 2009 - 10:23 #6
Meningen er at den skal ligge nederst på i browseren når der ikke er særlig meget tekst, og når der er meget tekst skal den fortsætte med ned af.
Avatar billede gadensgaard Nybegynder
27. marts 2009 - 19:54 #7
Det kan ikke laves smart med ren css.

Du skal lave en lille tabel eller ud i noget javascript.
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