469,951 Members | 2,613 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,951 developers. It's quick & easy.

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
Jul 20 '05 #1
1 3751

"Tony Benham" <to***@kerrisway.freeserve.co.uk> wrote in message
news:bs************@ID-170918.news.uni-berlin.de...
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;
}
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by bobmct | last post: by
4 posts views Thread by jereme.goblue | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.