Help: Footer not appearing at bottom of webpage ?

Hi,
I've been trying for a while, but I still haven't worked out a way of making
a footer appear at the bottom of a webpage, and not at the bottom of the
browser window ! See http://woodleyzebrasfc.port5.com/index.html for an
example. The div with id footer appears at the bottom of the browser window,
but I'm trying to make it appear at the bottom of the page, so that you
scroll down to see it if needed, and it will be placed below the lowest of
div id=sidebar or div id=main div's.
The css file is at http://woodleyzebrasfc.port5.com/css/wz_2column.css
I could do it with a simple table but I'm trying to persevere with css even
though it seems less controllable.
Thanks
Tony

"Tony Benham" <tonyb (AT) kerrisway (DOT) freeserve.co.uk> wrote

Hi,
I've been trying for a while, but I still haven't worked out a way of
making
a footer appear at the bottom of a webpage, and not at the bottom of the
browser window ! See http://woodleyzebrasfc.port5.com/index.html for an
example. The div with id footer appears at the bottom of the browser
window,
but I'm trying to make it appear at the bottom of the page, so that you
scroll down to see it if needed, and it will be placed below the lowest of
div id=sidebar or div id=main div's.
The css file is at http://woodleyzebrasfc.port5.com/css/wz_2column.css
I could do it with a simple table but I'm trying to persevere with css
even
though it seems less controllable.
Thanks
Tony

Since the divs in the middle might be any size, there's no dependable way to
put a footer div under them with absolute positioning. This should be easy
with floats though.

Try adding/replacing to match this.

#top;
position: static;
width: 100%;
}

#main {
float: right;
width: 76%;
}

#sidebar {
float: left;
width: 19%
}

#footer {
clear: both;
}