Posted by Jon Slaughter on 03/22/07 14:07

Ok, I would like to do the same thing but this time I want to anchor it to
the bottom of the page as a footer. Obviously I can do top:0 to anchor it
to the top but I can't do it for the bottom because there is no absolute
pixel reference for the size of the browser window, or is there?

If I do top:100% then that puts the top of the footer at the bottom of the
page so it doesn't get shown. I can't do top:100%-50px which would life the
footer so it can be shown but ofcourse that isn't part of the syntax.

I suppose I could accomplish this using some layout method such as tables
but is there any way with css attributes? basically I need the top of the
footer to be Window_Size - Footer_Size. Since Window_Size can change I
obviously cannot use a specific value.

Basically my layout is 4 regions, I have the header, menu(which is basically
like the left margin), the content which is whats left, and the footer.

|-------------|
|-------------| Header
| |
|M | Content
| |
|-------------|
|-------------| Footer


The content is open ended while all the others are fixed to the view window.

Thanks,
Jon

[Back to original message]