Stylesheets - Extend BG Color Down Past Div?

Author

Extend BG Color Down Past Div?

gscott66

2005-09-15, 7:39 pm

Hello,

Any advice on how extend Left Nav Bar BG-color all the way down to the
footer?

This is my first attempt with pure css layout...no tables...and I am stuck
with a background-color issue.

My left nav bar background-color is #80581d (brownish) and I would like to
have it extend all the way down to the footer....without adding content
(blank-brown). But the BODY - BG - Img shows thru...

There will not be that many links to push the color down on pages that have
a long main content.

Could I create a "brown image" and set it...but wouldn't that cause the same
problem?

Here is the link: http://www.foundation.guptonwebdesign.com/

Here is the css for the nav bar:

#leftnav {
float: left;
width: 175px;
height:auto;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: #80581d;

Thanks in advance...

Scott

PS...I've looked at the CSS Validation Warnings and they don't appear to
make sense. Is this important?

Stian Lund

2005-09-15, 7:39 pm

"gscott66" <guptonfinancial@cox.net> wrote in
news:WrhWe.18068$tB5.7523@okepread06:
> My left nav bar background-color is #80581d (brownish) and I would
> like to have it extend all the way down to the footer....without
> adding content (blank-brown). But the BODY - BG - Img shows thru...

I don't think you can achieve this without adding *something* to make the
sidebar extend to the bottom, but ALA has a good article which I think
might solve your problem:
http://www.alistapart.com/articles/fauxcolumns/

They use a colored image but I believe you can use a transparent one as
well...

hth,
Stian