Comments on: CSS – Sticky Footer

By: Donna

Donna — Fri, 21 Aug 2009 02:17:17 +0000

Thank you so much, finally my tweaks to my site work, thanks to your simple coding, now to change over 200 pages, eek.

By: Sayfa Dibine Yapışık Alt Alanlar(Sticky Footer) | Açıkkod.org

Sayfa Dibine Yapışık Alt Alanlar(Sticky Footer) | Açıkkod.org — Tue, 04 Aug 2009 13:24:57 +0000

[...] http://www.davidjrush.com/blog/2009/01/css-sticky-footer/ [...]

By: David

David — Tue, 14 Jul 2009 02:40:02 +0000

I was helping someone implement this sticky footer and I actually found a minor bug which I thought I should point out. The sticky footer works, but the bug appears if you apply a background to your wrapper div. Because of the height definitions, and an absence of a float definition, the wrapper background will not appear beyond the user’s screen size. To fix this, add a float: left definition to your wrapper (or, if you are using the centered wrapper described above, create a new div that starts just inside your wrapper and closes just before your nudge div and give that both the float and background properties. That should solve that apparent problem.

This was actually only a bug in Firefox, go figure. That’s probably the only firefox issue I’ve ever come upon!

By: Lawrence Dionisio

Lawrence Dionisio — Fri, 12 Jun 2009 04:09:36 +0000

Hi Dave,

Aside from the sample i gave you via email. I have another one using the code you use. The PHP files that i wanted works all right this time.

Thanks mate!

By: David

David — Thu, 11 Jun 2009 21:51:41 +0000

Thanks for the question Lawrence. All that a php include does is transfer content straight from the included file into the file that calls it. The best way to work with php includes (for a header and footer) is to create one entire page and then split it up into the page that changes, plus the header and footer template files.

To put it more simply regarding the example code written above, you could put everything up to and including the opening wrapper div tag in the header template file. Then put everything starting from and including the closing wrapper div tag into the footer template file.

I hope that helped!