Old 21-04-2008, 11:53   #1 (permalink)
abbasinho
Branding Bitch
 
Join Date: May 2007
Posts: 86
sticky footers??

Does anybody know a sound, tried and trusted way of making a 'sticky footer' - the ones that stay at the bottom of all the content, no matter how little or much content there is??

I've dialled my problem into Google and I don't really get a definitive answer. The one's i've found seem to bring up cross-browser problems.

Any ideas?????
  Reply With Quote
Old 21-04-2008, 12:28   #2 (permalink)
weldo
now with added beard
 
weldo's Avatar
 
Join Date: Mar 2004
Location: Liverpool
Posts: 5,434
footer stick alt is the one i tend to use ... mostly without problems ..

The Man in Blue > footerStickAlt: A more robust method of positioning a footer
__________________
fuck signatures
  Reply With Quote
Old 21-04-2008, 15:02   #3 (permalink)
bluesage
Senior Member
 
Join Date: Dec 2006
Location: Switzerland
Posts: 356
I personally havent found a solution that has worked 100% of the time and in all browsers.

Some solutions work, but if you have a small resolution or minimize the screen, the footer floats above the rest of the content as most solutions use absolute positioning.
__________________
www.benshu.ch // Evolving with Style

  Reply With Quote
Old 22-04-2008, 07:07   #4 (permalink)
abbasinho
Branding Bitch
 
Join Date: May 2007
Posts: 86
I've been told a way to do by a web designer I know. He's just told me to create a footer div and position absolutely from the bottom of the container div.

Going to try it later to see if it works.

Thanks
  Reply With Quote
Old 22-04-2008, 07:19   #5 (permalink)
weldo
now with added beard
 
weldo's Avatar
 
Join Date: Mar 2004
Location: Liverpool
Posts: 5,434
thats what my link does.

your footer sits outside of the 100% height container div - and is vertically positioned so it appears to live within the container.

you can thank me later.
__________________
fuck signatures
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8