how to make page lenght a minium height AND have the footer at bottom of the page????

I have a min-height value for the #mainWrapper so my page is always a certain height.

How can I make the footer goto the bottom of the #mainWrapper ? At the moment the footer rides up when there is not enough content.

I tried applying a min-height to the #contentMainWrapper but for some reason it doesn't work.

thanks
james

A link to your site

Im doing it on my local computer at the moment.

Make the column so high that it gives the page a minimum height.

The sum of the header + footer + column height = the height of your page.
Therefore make this style in the css:

.columnRight { height: ...px; } or
.columnLeft { height: ...px; }

Give the height the value you want.

Thanks, thats working great!

Just so I understand whats going on, can you tell me why do I not have to put in a mimimum-height value rather than a height value?

I put in a value of 1px height as a test and the page looks fine, it doesnt get too small like I expected.
Thanks again.
James

If you give the column a height of a certain number of pixels, it is always a minimum height. If you bring in more content, the height will be automatically so high that everyting fits in.

I hope I understood your question right. If not, let me know.

Thanks a lot, that is what I was asking. I didnt know that the column height is a minimum height, rather than an absolute value.
thanks again
james