tags:

views:

2678

answers:

4

I want to make a footer that stays at the bottom of the viewable window UNLESS it butts up against the content when you resize the window smaller.

I tried... bottom:0; position:absolute; ...but the footer gets in the way when the window is smaller.

+4  A: 

I believe this will do what you want: CSS layout: 100% height with header and footer. I've used it on a site and it can be tricky to implement depending on the complexity of your existing layout.

roryf
I'll give this a try. Thanks!
+1  A: 

See this question as well: How do you get the footer to stay at the bottom of a Web page?

Larsenal
A: 

I use the method as described by The Man In Blue called footerStickAlt - works a charm, CSS won't validate if you include the IE6 hack though.

Jayx
A: 

Thanks Rory, after much frustration you have solved my problem.