Footer float help

[stuffradio]

I am trying to have my layout template have a footer that always stays on the bottom and will keep going down as the content box goes down. I don't have the content box expand yet and I don't know the best way to expand the content box and keep the footer down.

 

Can anyone see anything wrong with my CSS that would fix the problem?

 

http://carlwuensche.com/unknown/create.html

[departedmind]

Add

clear:both;

in this style

#bottombar

, this should work

[stuffradio]

Thank you. Would this keep it pushed down to the bottom as the content box expands down?

[departedmind]

Yes, if the div #maincontent expands. It would be better if you do not use absolute position on the div #sidenav. You can use float:right for #sidenav. It would be better if you enclose the content div inside a container and use float to position them.

 

 

<div id="#container">
  <div id="maincontent">....</div>
  <div id="sidebar">....</div>
</div>

<div id="bottombar">...</div>

 

and instead of using line-break after #top-nav, you can use top-margin on the container.