Footer og CSS

Tags:    css html

Vi har prøvet mange ting for at få vores footer på Copenhagebeta.dk til at hægte sig på bunden. Hvis man sidder på en lille skærm sidder den nederst, men så snart man bruger en større skærm flyver den op.
Hvad kan man gøre ved det?

Her er en side, som formentlig er tydelig at se det på: http://dev.copenhagenbeta.dk/index.php?option=com_hwdvideoshare&task=viewcategory&cat_id=14&Itemid=57



9 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 13 karma
Sorter efter stemmer Sorter efter dato
Er det dette du forsøger at opnå?

Footer skal altid stå i bunden, hvis indholdet ikke når bunden. Men hvis indholdet når bunden, skal footeren ligge under indholdet.

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Har implementeret via denne metode før. Se evt. http://www.mivando.dk/contact



Hej Morten

En simpel løsning på dit problem er en såkaldt sticky footer. Jeg plejer at bruge denne:
http://www.cssstickyfooter.com/



Tror næsten at denne vil kunne klare det:
Fold kodeboks ind/udCSS kode 


dog er den ikke IE6 compatible (mener 7'eren klarer bottom).

God fornøjelse... :)



Indlæg senest redigeret d. 17.10.2011 14:33 af Bruger #10216
Smukt! Ufatteligt jeg ikke selv fandt ud af det. Tusind tak for hjælpen :)

EDIT: Ahhh damit. Jeg var for hurtigt ude. Nu er den fixed, så nu fylder den en god del af skærmen for dem som bruger en bærbar. Man kan ikke bare have den så den er i bunden uden at være fixed?



Indlæg senest redigeret d. 17.10.2011 14:55 af Bruger #16282
Det er jo det du havde tidligere?!

Ellers må du jo prøve at forklare... :)



Ja det er det. Jeg tjekker op på det asap for at se om det virker!



Hvis det ikke er et krav at det skal virke i ældre IE version kan du evt. bruge media queries



Henrik: det behøver det som sådan ikke. Kun 15% af vores brugere bruger IE7/8. Hvordan vil du bruge det til at hægte den til bunden? Man kunne godt lave en fixed position på store skærme, men på mindre skærme vil der stadig være problemer på de sider uden meget indhold.



Morten: så måler du bare på skærmens højde og hvis du har en skærm der er større end x pixel så bliver footeren fixed.



t