CSS Sticky Footer

This is a discussion on "CSS Sticky Footer" within the Web Page Design section. This forum, and the thread "CSS Sticky Footer are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Closed Thread
 
LinkBack Thread Tools
  #1 (permalink)  
Old Apr 13th, 2007, 04:29
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
CSS Sticky Footer

So I've been locked in my room with the lights off for the past six hours working on finishing my sticky footer. I've mentioned it a few times over the past couple of months, but I was doing some hard drive spring cleaning today and found the old files. Curiosity got the better of me and I opened it up to take a look at. Well, it's finished now with tons of consideration, and it works in IE 5.01 and up, Firefox, Safari and Opera! I don't think I've seen a CSS one that is so x-browser.

Without further ado:

Sticker: a CSS Sticky Footer by Ryan Fait

  #2 (permalink)  
Old Apr 13th, 2007, 09:32
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,636
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via MSN to Marc Send a message via Skype™ to Marc
Re: CSS Sticky Footer

That looks good, ryan!
  #3 (permalink)  
Old Apr 13th, 2007, 12:40
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

I love it!! Thanks Ryan!
  #4 (permalink)  
Old Apr 13th, 2007, 15:29
SuperMember

SuperMember
Join Date: May 2006
Location: North West, UK
Age: 21
Posts: 1,173
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Nice one.

Pete.
  #5 (permalink)  
Old Apr 13th, 2007, 15:36
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,604
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: CSS Sticky Footer

Woot! Joo Da Mang!
__________________
I've got <style> and .class
  #6 (permalink)  
Old Apr 13th, 2007, 16:41
sannbe's Avatar
SuperMember

SuperMember
Join Date: Dec 2006
Location: San Francisco
Age: 57
Posts: 1,567
Blog Entries: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

*Ryan is raised on shoulders of adoring fans. Three Cheers are given. Ryan is set back on ground and crowd slowly disperses. All hail Ryan.* Good work!!
Last Blog Entry: More Sara Blogging (Nov 29th, 2007)
  #7 (permalink)  
Old Apr 13th, 2007, 20:53
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Haha, thanks guys!
  #8 (permalink)  
Old Apr 14th, 2007, 04:02
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

I just cleaned it up a little bit. The header doesn't need a spacer or have to be positioned anymore. The only extra markup now is just a wrapper div and a push div for the footer It's even easier to use now it is only 12 lines long!

http://ryanfait.com/sticky-footer/layout.css
  #9 (permalink)  
Old Apr 14th, 2007, 10:15
JacobHaug's Avatar
SuperMember

SuperMember
Join Date: Dec 2005
Location: On Internet
Posts: 4,859
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to JacobHaug Send a message via MSN to JacobHaug
Re: CSS Sticky Footer

Nice job Ryan...I like it!
  #10 (permalink)  
Old Apr 14th, 2007, 22:09
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Ryan I was just checking this out and thinking, "wow, the text looks so stinkin' nice". I have to go into the css and see what font, font size, Ryan used!
All graphics... no wonder it looks so sweet! I wish we could use graphics for text!!!!!! evil:
  #11 (permalink)  
Old Apr 14th, 2007, 22:28
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Haha, sorry Linda!

It's Myriad Pro, and it's one of my favorite fonts. I think I'm going to start using the image replacement method more often in my sites. I've done it a bit on mine now, but not the content part. The only real drawback is you can't select the text
  #12 (permalink)  
Old Apr 14th, 2007, 23:03
JacobHaug's Avatar
SuperMember

SuperMember
Join Date: Dec 2005
Location: On Internet
Posts: 4,859
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to JacobHaug Send a message via MSN to JacobHaug
Re: CSS Sticky Footer

Yeah, I noticed that right away...I was trying to highlight the text, cause I am weird and do that when I read...lol, but no luck.
  #13 (permalink)  
Old Apr 15th, 2007, 00:15
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Yeah, I think Jacob and I are the only people that do that while browsing. Lol, when I'm looking at my example, I highlight the blocks.
  #14 (permalink)  
Old Apr 15th, 2007, 22:07
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Oh my effing god!!!

http://www.google.com/search?q=CSS%20Sticky%20footer
http://www.google.com/search?hl=en&s...er&btnG=Search

I went from no rank to the third down on the first and fifth down on the second
  #15 (permalink)  
Old Apr 15th, 2007, 23:29
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Wahoooooooooooooooooo Ryan... link to my Web Design Site! Pretty please!!! hahahahahaha
  #16 (permalink)  
Old Apr 15th, 2007, 23:52
sannbe's Avatar
SuperMember

SuperMember
Join Date: Dec 2006
Location: San Francisco
Age: 57
Posts: 1,567
Blog Entries: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Linda, Watch it. Ryan's head is starting to get to big again. lol
Last Blog Entry: More Sara Blogging (Nov 29th, 2007)
  #17 (permalink)  
Old Apr 16th, 2007, 00:08
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Was it ever not big?
  #18 (permalink)  
Old Apr 16th, 2007, 01:24
sannbe's Avatar
SuperMember

SuperMember
Join Date: Dec 2006
Location: San Francisco
Age: 57
Posts: 1,567
Blog Entries: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

:censored:
Last Blog Entry: More Sara Blogging (Nov 29th, 2007)
  #19 (permalink)  
Old Apr 19th, 2007, 12:35
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

Woot! Number one in Google and Yahoo

MSN sucks.

Lol, I just noticed I'm getting a lot of name-calling on Digg. People don't seem to like my image replacement of the content. Ah, I guess I'll change that but I thought it looked so much nicer.

Cough... one more edit. My site was getting about 100 uniques a day... I got 19,000 yesterday

Last edited by Ryan Fait; Apr 19th, 2007 at 12:51.
  #20 (permalink)  
Old Apr 19th, 2007, 14:25
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Sticky Footer

How'd you get on Digg in the first place? Did you submit the sticky footer?

Buck up Ryan, we love ya!
Closed Thread

Tags
sticky footer

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Sticky in hosting/domains unitedcraig Webforumz Suggestions and Feedback 1 Jan 20th, 2008 00:18
My client's got sticky mitts! snappy Website Planning 9 Jun 23rd, 2007 07:31
CSS Sticky Footer problems karinne Web Page Design 2 May 1st, 2007 18:05
This ought to be a sticky proton32060 Flash & Multimedia Forum 1 Jun 4th, 2004 11:30


All times are GMT. The time now is 03:58.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43