One to ponder about for the weekend. When I first started working with CSS, I was one of the types that had the all
or nothing approach. It was an incredibly frustrating experience trying to design a site and make it work as it was
intended using CSS instead of tables. Why, tables were easy and you knew exactly how it was going to behave. CSS, not
so easy and you would pull your hair out just trying to fix the layout for the various browsers out there. Over time I
eventually embraced a mixed use of CSS and tables (as little as possible, but still there). Just now I came across this
great tutorial, pulled out of a book by Dan Cederholm. This PDF is chapter 8 of the book, Fluid layouts. I scanned
through it quickly as I still have a lot of work to get to, but I don't think I saw anything regarding the footer
problem I've dealt with in the past… anyone know of an easy fool proof way of creating a footer?
I had a footer going, but when you scroll down, the footer gets stuck and doesn't stick to the bottom of the browser.
Same thing if you resize it. The only way it would become unstuck in the original position is if you resized the
browser or scroll and then refresh. Eventually, without getting much help, I decided to do without the footer.
Create Liquid Layouts that Never Fail
Reader Comments
(Page 1)3. I've just finished a site with the footer conatined within the main DIV. The biggest problem I had was getting the footer to dislay in IE and not onscure the Absolutely positioned divs conataining additional DIV's with secondary navigation. The solution - don't float the damn thing! When I started using CSS, I to had a real hassle getting my head around CSS styling and positioning rather than my favoured table based layouts, time had passed and I now find myself cringing at the thought of using tables - roll on CSS3, and let us all pray that IE7 will have some form of web compliance - we can hope.
Posted at 4:53AM on Dec 19th 2005 by Darren Cornwell








1. I haven't read the book, but my preferred method is to simply float my columns and clear:both the footer. I guess it would get trickier if you're trying to make it stick to the bottom of the screen.
Posted at 4:53AM on Dec 19th 2005 by Erik