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 .

Mark

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" <webforumsuser@macromedia.com> wrote in message
news:fu5nut$8to$1@forums.macromedia.com...
> 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 .
>
> Mark
>

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

http://www.projectseven.com/tutorial...cfly/index.htm
http://www.macromedia.com/devnet/mx/...eaver/css.html
http://www.macromedia.com/devnet/dre...ayout_dw8.html
http://www.macromedia.com/devnet/dre..._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" <webforumsuser@macromedia.com> wrote in message
news:fug5u5$j6t$1@forums.macromedia.com...
> 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
>