Comments on: Pure CSS: Sticky Footer

By: How to use the stiky footer « Mindless Thoughts

How to use the stiky footer « Mindless Thoughts — Thu, 21 Jan 2010 12:20:23 +0000

[…] Exploring Footers article from A List Apart as well as expands upon the work of Cameron Adams and this piece at lwis.net. It applies a clear fix hack to keep the footer in place in Google Chrome and other browsers where […]

By: Arisu

Arisu — Sun, 10 Jan 2010 01:20:21 +0000

I love you O_O
This works so well! Thanks so much!

By: frank

frank — Thu, 17 Dec 2009 15:04:01 +0000

Lwis: thanks a million for this, was trying different methods and this is the best.

@Jason: your dot net version of the styles worked after I messed about with the original version and could not for the life of me get it to work. Thank you very much m8.

By: CSS Sticky Footer Layout | Jiby S K - Web Designer

CSS Sticky Footer Layout | Jiby S K - Web Designer — Tue, 20 Oct 2009 12:16:00 +0000

[…] The Sticky Footer Layout posted here is from css sticky footer, A List Apart, Cameron Adams and, lwis.net. […]

By: Johan

Johan — Mon, 19 Oct 2009 23:55:02 +0000

Thanks !!

By: teo

teo — Thu, 06 Aug 2009 03:16:59 +0000

thanks a lot

By: admin

admin — Fri, 29 May 2009 09:46:19 +0000

@Brad, I think it should be:

html, body, #container, #container2 { height: 100%; } body > #container2 { height: auto; min-height: 100%; }

By: Brad

Brad — Tue, 26 May 2009 18:09:13 +0000

Just to clarify, my outerwrap would be your container, then I would like to put another wrap inside this one and also have it stretch all the way to the bottom.

Thanks.

By: Brad

Brad — Tue, 26 May 2009 18:02:11 +0000

I’m trying to use your sticky footer method to cause two wraps, outer and inner, to scale 100% so that I can use two different background tiles (horizontal shadow tile vs vertical gradient tile for example). I can’t for the life of me figure out how to get the inner wrapper to scale to the height of the outer wrapper.

This is the last piece in the puzzle to a CSS framework hybrid I’ve been working on and any help would be greatly appreciated.

By: admin

admin — Fri, 08 May 2009 10:36:49 +0000

@Sarah, I don’t see a problem here. The larger your screen, the bigger the gap between the footer and the content. The footer is meant to stick at the bottom. Did I miss something?