Comments on: Forcing the footer to always be at the bottom of a page http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/ CSS Toys for Professional Web Developers Tue, 06 Jan 2009 01:37:24 +0000 http://wordpress.org/?v=2.6.3 By: dfesh http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-30043 dfesh Thu, 18 Sep 2008 18:13:55 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-30043 this code does nto work in IE7 this code does nto work in IE7

]]> By: xmat http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-29893 xmat Fri, 11 Jul 2008 18:02:11 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-29893 GREAT ! This a very elegant solution compared to what i've found on the internet and mickael is right it doesn't work in IE 6. Any solution for IE 6 ? GREAT !
This a very elegant solution compared to what i’ve found on the internet and mickael is right it doesn’t work in IE 6.
Any solution for IE 6 ?

]]> By: mickael http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-28005 mickael Sun, 09 Dec 2007 12:24:45 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-28005 .footer { height: 37px; clear: both; bottom:0px; width:100%; position: fixed } doesn't work in IE6 :-( .footer {
height: 37px;
clear: both;
bottom:0px;
width:100%;
position: fixed
}
doesn’t work in IE6 :-(

]]> By: Kenny Bones http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-27677 Kenny Bones Tue, 06 Nov 2007 09:25:15 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-27677 The only thing I did was give the footer a class like this: .footer { height: 37px; clear: both; bottom:0px; width:100%; position: fixed { And everything works fine in both IE7 and Firefox. Not sure if all of these are necessary but it does work perfectly. Although I do get an error message in Dreamweaver when using "fixed" that it isn't supported and whatnot. But it does work and I don't see any problems with it really. The only thing I did was give the footer a class like this:

.footer {
height: 37px;
clear: both;
bottom:0px;
width:100%;
position: fixed
{

And everything works fine in both IE7 and Firefox. Not sure if all of these are necessary but it does work perfectly. Although I do get an error message in Dreamweaver when using “fixed” that it isn’t supported and whatnot. But it does work and I don’t see any problems with it really.

]]> By: Chris http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-23914 Chris Thu, 31 May 2007 21:15:05 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-23914 Didn't work for me. My footer actually ended up half-way up the page obscuring the content Didn’t work for me.

My footer actually ended up half-way up the page obscuring the content

]]> By: Mukesh Yadav http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-227 Mukesh Yadav Thu, 03 Aug 2006 12:01:43 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-227 This working is fine in IE but not in Firefox This working is fine in IE but not in Firefox

]]> By: Godfrey Bartlett http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-157 Godfrey Bartlett Sat, 22 Jul 2006 12:06:13 +0000 http://www.last-child.com/forcing-the-footer-to-always-be-at-the-bottom-of-a-page/#comment-157 Here's an example that works in all browsers. Except IE7 beta 2/3 Can anyone help me adapt this for the the new IE7 or suggest a workaround? http://www.acupuncture.org.uk/ie7/default.asp Here’s an example that works in all browsers.
Except IE7 beta 2/3

Can anyone help me adapt this for the the new IE7 or suggest a workaround?

http://www.acupuncture.org.uk/ie7/default.asp

]]>