C
Chris Leonard
Hi.
I have a very simple page with just 2 DIVs on, a left hand menu bar and a
'main' screen
The menu bar has a different background colour to the main screen.
Everything works fine until I add a lot of content to the main screen and
the page height is greater then a screen. As soon as I scroll down my left
hand DIV's background colour disappears!
What am I doing wrong please ?
TIA
Chris
#left
{
TOP: 0px;
LEFT: 0px;
WIDTH: 150px;
HEIGHT: 100%;
MARGIN: 0px;
POSITION: absolute;
background-color: #C48532;
}
#main
{
TOP: 120px;
LEFT: 150px;
WIDTH: 70%;
POSITION: absolute;
font-size: 80%;
font-family: 'Trebuchet MS', 'Lucida Grande',
Verdana, Lucida, Geneva, Helvetica,
Arial, sans-serif;
MARGIN: 20px;
background-color: #FFFFCC;
}
I have a very simple page with just 2 DIVs on, a left hand menu bar and a
'main' screen
The menu bar has a different background colour to the main screen.
Everything works fine until I add a lot of content to the main screen and
the page height is greater then a screen. As soon as I scroll down my left
hand DIV's background colour disappears!
What am I doing wrong please ?
TIA
Chris
#left
{
TOP: 0px;
LEFT: 0px;
WIDTH: 150px;
HEIGHT: 100%;
MARGIN: 0px;
POSITION: absolute;
background-color: #C48532;
}
#main
{
TOP: 120px;
LEFT: 150px;
WIDTH: 70%;
POSITION: absolute;
font-size: 80%;
font-family: 'Trebuchet MS', 'Lucida Grande',
Verdana, Lucida, Geneva, Helvetica,
Arial, sans-serif;
MARGIN: 20px;
background-color: #FFFFCC;
}