By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,676 Members | 1,759 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,676 IT Pros & Developers. It's quick & easy.

Help: Footer not appearing at bottom of webpage ?

P: n/a
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
Share this Question
Share on Google+
1 Reply


P: n/a

"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.