Extend BG Color Down Past Div?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • gscott66

    Extend BG Color Down Past Div?

    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....witho ut 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

    #2
    Re: Extend BG Color Down Past Div?

    "gscott66" <guptonfinancia l@cox.net> wrote in
    news:WrhWe.1806 8$tB5.7523@okep read06:[color=blue]
    > My left nav bar background-color is #80581d (brownish) and I would
    > like to have it extend all the way down to the footer....witho ut
    > adding content (blank-brown). But the BODY - BG - Img shows thru...[/color]

    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:
    It’s a beginning CSS designer’s nightmare and a frequently asked question at ALA: Multi-column CSS layouts can run into trouble when one of the columns stops short of its intended lengt…


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

    hth,
    Stian

    Comment

    • gscott66

      #3
      Re: Extend BG Color Down Past Div?

      "Stian Lund" <stian.REMOVE.l und@operamail.c om> wrote in message
      news:Xns96D2C2D 22631Cstianus@1 30.225.247.90.. .

      """" might solve your problem: >
      http://www.alistapart.com/articles/fauxcolumns/ """"""

      Stian,

      Thank you...I am reading it as we speak....
      --
      Scott

      "Stian Lund" <stian.REMOVE.l und@operamail.c om> wrote in message
      news:Xns96D2C2D 22631Cstianus@1 30.225.247.90.. .[color=blue]
      > "gscott66" <guptonfinancia l@cox.net> wrote in
      > news:WrhWe.1806 8$tB5.7523@okep read06:[color=green]
      >> My left nav bar background-color is #80581d (brownish) and I would
      >> like to have it extend all the way down to the footer....witho ut
      >> adding content (blank-brown). But the BODY - BG - Img shows thru...[/color]
      >
      > 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[/color]


      Comment

      Working...