On my website, http://www.kendietz.com, I would like to use 'position:absolute;bottom: 0px' to tie the footer to the bottom of the browser window. However, when I do that, if I resize the screen (or if my resolution is 800x600), the footer will supercede the main body elements.

Is there a way to tie the footer to the bottom of the browser, yet still respect (ie., not roll over) the divs above it?

Any help appreciated.

Right, I recommend not using absolute positioning for the footer. Or, if you must, use a wrapping <div> around the content of the body, and position absolutely relative to the wrapper. Does that make sense? If not, post a link where I can see your code and I'll elaborate more.



Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

Here are the relevant files:

http://www.kendietz.com/index.xml
http://www.kendietz.com/index.xsl
http://www.kendietz.com/css/index.css

Using absolute positioning certainly isn't a must. I'm just playing around with my personal site, trying to learn something. I just thought it would look nicer if I could peg the footer to the bottom of the browser, but I don't want it to roll over the main body when the browser size is reduced. If there's a way to do that without absolute positioning, that would be great.

Thanks for your help.