Få till en floating footer som www.cnet.com
 

Hej alla,

Försöker få till en floating footer som www.cnet.com. Lyckas få till en som är helt flytande till botten, men vill ha samma som funktion som den sidan där "footern" fastnar på botten av en centrerad div. Svårt att förklara men jag hänvisar till den sidan.

Någon som kan hjälpa mig?

på footern:
position: fixed;
bottom: 0;

på föräldern: position: relative; min-height:99.99%

Fast då fastnar den ju helt mot botten av fönstret? Om du scrollar längst ner så ser du att "footern" hoppar in i det centrerade rutan.

missade det.

Lägg på en scroll-lyssnare och kolla av hur långt ner på sidan man befinner sig och hur stort fönstret är. Är det mer än höjden på contentMain (eller motsvarande) så lägg till en cssclass på footern som ändrar position från fixed till relative