Professional Web Applications Themes

Full-Length Background Color using div Panels - Macromedia Dynamic HTML

Hi, I'm trying to figure out how to make the left side of my CSS 2 column main body have a background color that goes all the way to the bottom of the page, regardless of how much content is on the right side. Right now, if the right side (white background) has just a little content, the left side (grey background) is consistently grey all the way down. But if the right side has a lot of content, when the left side menu ends, underneath it is white. I've tried using 100% as height for the panel, but that ...

  1. #1

    Default Full-Length Background Color using div Panels

    Hi,

    I'm trying to figure out how to make the left side of my CSS 2 column main
    body have a background color that goes all the way to the bottom of the page,
    regardless of how much content is on the right side. Right now, if the right
    side (white background) has just a little content, the left side (grey
    background) is consistently grey all the way down. But if the right side has a
    lot of content, when the left side menu ends, underneath it is white. I've
    tried using 100% as height for the panel, but that doesn't work.
    http://www.xcjuniornationals2009.org/
    #leftPan{
    width:161px;
    color:#B6B6B5;
    background:url(images/left_side_up.gif) no-repeat 0 0 #171717;
    padding:10px 0 0 0;
    float:left;
    height: 100%;
    }

    Thanks for any help.

    Mark

    mnadell Guest

  2. #2

    Default Re: Full-Length Background Color using div Panels

    Google Faux Columns.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "mnadell" <com> wrote in message
    news:fu5nut$8to$macromedia.com... 

    Murray Guest

  3. #3

    Default Re: Full-Length Background Color using div Panels

    Thanks for the information. I guess there's a LOT of stuff to learn on using
    CSS and div tags, and I guess I'm pretty lost trying to figure things out from
    the "middle out," with just a little knowledge. I checked a few Faux Columns
    links, and got pretty confused. I created a background gif image the width of
    the main body, and then used that as background, and it looks good in
    Dreamweaver, but when I look at it online via either Firefox or Safari, nothing
    has changed. (background image is 778 pixels wide, with 161 on the left being
    grey and the remainder white.

    #mainBody{
    width:778px;
    margin:10px auto 0 auto;
    border-color: #FFFFFF;
    background-image: url(images1/background_panels.gif);
    }

    I'm leaving something out here, obviously.

    Also, what's the BEST method to learn this CSS stuff? I've watched some
    tutorials, and read through things, but I think I need a start to finish
    resource of some kind, either a class or seminar or book or something.

    Thanks,

    Mark

    mnadell Guest

  4. #4

    Default Re: Full-Length Background Color using div Panels

    http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
    http://www.macromedia.com/devnet/mx/dreamweaver/css.html
    http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
    http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html

    If you want a first-class, start to finish guide, check the "Foundations"
    eBook on the PVII site (and the "42nd Street" follow on).

    http://www.projectseven.com/

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "mnadell" <com> wrote in message
    news:fug5u5$j6t$macromedia.com... 

    Murray Guest

Similar Threads

  1. Background Image with Alpha + background color?
    By trytertqwr in forum HTML & CSS
    Replies: 3
    Last Post: February 17th, 11:14 AM
  2. Background color keeps changing in full screen view
    By Neil_West@adobeforums.com in forum Adobe Acrobat Macintosh
    Replies: 2
    Last Post: July 30th, 08:18 PM
  3. How to set row as full length of grid ???
    By csgraham74 in forum ASP.NET Data Grid Control
    Replies: 0
    Last Post: August 27th, 03:12 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139