Kom ihåg mig?
Home Menu

Menu


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

Ämnesverktyg Visningsalternativ
Oläst 2012-01-30, 21:23 #1
quickhelps avatar
quickhelp quickhelp är inte uppkopplad
Medlem
 
Reg.datum: Oct 2007
Inlägg: 127
quickhelp quickhelp är inte uppkopplad
Medlem
quickhelps avatar
 
Reg.datum: Oct 2007
Inlägg: 127
Standard 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?
quickhelp är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-30, 21:53 #2
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
på footern:
position: fixed;
bottom: 0;

på föräldern: position: relative; min-height:99.99%
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-30, 22:15 #3
quickhelps avatar
quickhelp quickhelp är inte uppkopplad
Medlem
 
Reg.datum: Oct 2007
Inlägg: 127
quickhelp quickhelp är inte uppkopplad
Medlem
quickhelps avatar
 
Reg.datum: Oct 2007
Inlägg: 127
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.
quickhelp är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-01-30, 23:20 #4
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
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
allstars är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 17:08.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017