Sent by Lonnie.Kraemer on 6 January 2003 18:06
> I want to create a simple layout with a menu div and content div
> side-by-side. I want the menu to have a background color and I would
like
> that background to continue down the page for as long as the content
does
> (if the content is longer). The problem I am having is that the menu
> background color will only continue down as far as the text in the
menu div.
> Is there some way around this?
>
> For a visualization of what I'd like, go to the following address:
> http://personal.cobleskill.edu/fiored/css/
>
> I've tried wrapping both the menu and content dividers in a container
div
> and setting the menu height to 100% and that didn't work... I can't
seem to
> find a solution for this anywhere.
This is a common question. You've taken what would seem to be a logical
route... and found it doesn't work. There are possible ways though.
Based on your sample, the easiest way would be to set the orange color
as the background of the body. Set your header and footer to the gray
background and your content to the white background. Then set the menu
background to transparent.
More than likely, however, your need is a bit more complex than your
sample illustrates. If you provide a URL with your best attempt, we
might be able to help with other techniques.
Lonnie