Forum Moderators: not2easy
CSS
body {
background: url(images/stripe.gif);
margin: 0;
text-align: center;
}
#container
{
background-color: #ffffff;
margin: 0 auto;
width: 730px;
position: relative;
text-align: left;
}
#logo {
position: absolute;
top: 30px; right: 26px;
z-index: 3;
}
#pagetop {
position: absolute;
background: #FFFFFF url(images/pagetop.gif) no-repeat center;
width: 730px; height: 60px;
top: 0;
z-index: 2;
}
#text {
top: 200px;
left: 30px;
width: 650px;
position: absolute;
z-index: 1;
}
#text p {
margin: 20px 50px;
line-height: 120%;
padding: 5px 0;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
color: #000000;
}
HTML
<BODY>
<div id="container">
<div id="pagetop"></div><!-- End Pagetop -->
<div id="logo"><a href="/"><img src="images/logo.gif" alt="" border="0"></a></div><!-- End Logo -->
<div id="text">
<p>Example text</p>
</div><!-- End Text -->
</div><!-- End Container -->
</BODY>
#container
{
background: #fff; /* To Set a White Background */
margin: 0 auto;
width: 730px;
position: relative;
text-align: left;
}
Change to #fff to what code you want so
e.g.
background: #000;
background: #999; etc
