9 replies [Last post]
t-bone_two
t-bone_two's picture
User offline. Last seen 4 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-7
Joined: 2009-09-26
Posts: 179
Points: 228

I have posted this in off topic.

Because I have spent a great deal of time dabbling with the CSS sticky footer. And I am not happy with it. I personally don't think it is what facebook or some of the really robust systems use.

I have started looking at jquery and a few other options.

Does anyone have any suggestions regarding what is the most robust and best option for a sticky footer.

And what your opinion is of the pure CSS ones. I abandoned ever putting it in because there were always scenarios where it would break in other browsers and such.

Is there a more robust solution such as jquery?

Thanks for your time!

Tags:
Verschwindende
Verschwindende's picture
User offline. Last seen 15 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

Why do you consider jQuery

Why do you consider jQuery "more robust" when it can be completely disabled? What are the issues you are running into using the industry standard sticky footer CSS solutions?

It seems to me you have a penchant for reinventing the wheel. Nothing wrong with that, it just seems to me that it only causes chronic frustration.

yet again.

t-bone_two
t-bone_two's picture
User offline. Last seen 4 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-7
Joined: 2009-09-26
Posts: 179
Points: 228

You May Be Right

It has been a while since I played with it and I might be more successful today than yesterday. But it seemed to have some limitations I did not like. I have been working more with jQuery and it seems really robust.

I could be wrong. But I don't think facebook uses CSS to get that effect so successfully across all browsers.

Verschwindende
Verschwindende's picture
User offline. Last seen 15 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

t-bone_two wrote:... I could

t-bone_two wrote:

... I could be wrong. But I don't think facebook uses CSS to get that effect so successfully across all browsers.

I can't figure facebook because it employs a whole lot of ajax. Just try disabling javascript and try to do anything over there. Tongue

There are a few standard sticky footer techniques. Which have you tried?

footerStickAlt
CSS Sticky Footer

I think the latter is based on the former and perhaps a bit improved.

yet again.

Tyssen
Tyssen's picture
User offline. Last seen 1 hour 5 min ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8140
Points: 1322

I'd go with Paul O'Brien's

I'd go with Paul O'Brien's version: http://www.pmob.co.uk/temp/sticky-footer.htm

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

t-bone_two
t-bone_two's picture
User offline. Last seen 4 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-7
Joined: 2009-09-26
Posts: 179
Points: 228

Many

I have tried many of the ones out there.

But I always run into problems when I don't set the container height . . . or really I don't remember what the exact problem was. But I would spend all my time running browser tests and no time designing.

Thanks for your reply!!

T

Hugo
Hugo's picture
User offline. Last seen 5 hours 32 min ago. Offline
rank Moderator
Moderator
Timezone: GMT+1
Joined: 2004-06-06
Posts: 15197
Points: 2300

Well if you don't set the

Well if you don't set the container height then you have no need for sticky footers. The tried and tested methods work if in doubt use the version linked to by Tyssen earlier. You don't describe using client side scripting as 'robust' when referring to something that is markup/css related as was mentioned some people don't have scripting enabled on browsers and it's not necessarily their choice.

Quote:

But I would spend all my time running browser tests and no time designing.

Said like a true Graphic designer! do you not like coding?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

t-bone_two
t-bone_two's picture
User offline. Last seen 4 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-7
Joined: 2009-09-26
Posts: 179
Points: 228

I really do

Hey Hugo:

I began doing layouts. Then moved to Flash. So I work really hard to hand write all my code these days. I think I am getting better. But I know there are some really amazing people out there.

And I am very eager to learn to keep getting better and better.

I appreciate your time!

t-bone_two
t-bone_two's picture
User offline. Last seen 4 weeks 16 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-7
Joined: 2009-09-26
Posts: 179
Points: 228

Hey Tyssen

I really really appreciate that solution.

Thank you so much.

Have a great morning/afternoon/night.

athurart09
athurart09's picture
User offline. Last seen 1 year 35 weeks ago. Offline
newbie
Timezone: GMT+7
Joined: 2010-09-17
Posts: 1
Points: 1

Tyssen wrote: I'd go with

Tyssen wrote:

I'd go with Paul O'Brien's version: http://www.pmob.co.uk/temp/sticky-footer.htm

Such a very amazing link!
Thanks you for the post.