How to make footer stay place (wordpress)

Hey, what I am trying to do is make the footer of a wordpress site stay at the bottom, and not overlap over the sidebar. What it is doing now is only staying under the content part and overlapping the sidebar if the content section is smaller than the sidebars. Can anyone point me in the right direction here? I think it has something to do with div placement but I just can't figure it out...

Here's an example page: http://www.littlebearstudios.ca/makeitfunky/events/

Thanks in advance, Misha


EDIT: I figured it out.... stupid me . What I did was add a height of 760px to the primary container.

EDIT 2: While this works, if the content is greater than the primary div then the footer overlaps.... so I still need help.

 

I do not see any abnormality in the referenced site. Has it been fixed?

 

What I did was change the #primary div to a certain height so it pushed the footer down, but I just figured out that this won't work because on some pages the content is greater than the height I set so overlapping occurs.

Help?

(check the news page, http://www.littlebearstudios.ca/makeitfunky/news/ , for an example.)

 

Take a backup of all files u r going to change, as u will be needing to do lots of changes.

Remove all position, margin, float styles that you have set to primary, secondary, tertiary, colophon.

Make the layout simple.

#content-wrapper, #footer{
   width:950px; // or whatever u want
}

#main{
   width:650px; // change to fit ur content
   float:left; 
   margin:0 5px; // to give some gap
}

#sidebar{
   width:300px; // change to fit ur sidebar width
   float:right; 
   margin:0 5px; // to give some gap
}

Code (markup):

<div id="content-wrapper">
     <div id="main">
           Your Content
     </div>
     <div id="sidebar">
           <div id="primary"></div>
           <div id="secondary"></div>
           <div id="tertiary"></div>
     </div>
     <div style="clear:float"></div>
</div>
<footer id="colophon"></footer >

Code (markup):

 

You can also use wordpress footer plugins