Sidebar problems

I am having a few css related problems, such as this one.

http://www.pointless-existence.com/archives/2004/10/the-power-of-contacts/

Basically the footer bar isn't staying at the bottom, and the main content bit isn't stretching so that the right sidebar goes under the footer and to the bottom.

What I want is for the sidebar to go almost right to the bottom, and then have the footer right at the bottom. I don't want the content in the sidebar to go over or under the footer.

Any suggestions?

 

Any ideas? :S

 

...looks like simplebits.

 

huh? I'm not asking for opinions on the design, which still isn't complete btw, but a solution to the CSS problem, hence the forum.

 

Footers in CSS are very difficult to deal with. The problem I'm guessing (since I didn't take the time to analyze your code) is that the footer is at the end of your "main content" div, and your sidebar is longer than your main content.

Here's one suggestion - enclose your main content and sidebar divs in a container div, then place the footer div last. That way, if the main content is longer, the footer will go after that, if the sidebar is longer, the footer will go after that. Just a stab though, it may or may not work.

 

I'm not sure what you want - in firefox it looks like your footer is all the way at the bottom and the sidebar ends when it reaches the footer.

Looks like what you want...unless I'm getting this wrong.

 

In Mozilla, the footer starts at "copyrights" on the sidebar, blocking and obscuring that content.