"Tony Benham" <tonyb@kerrisway.freeserve.co.uk> wrote in message
news:bs7186$8iuit$1@ID-170918.news.uni-berlin.de...[color=blue]
> Hi,
> I've been trying for a while, but I still haven't worked out a way of[/color]
making[color=blue]
> 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[/color]
window,[color=blue]
> 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[/color]
even[color=blue]
> though it seems less controllable.
> Thanks
> Tony
>
>[/color]
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;
}
