Hi All,
The background image on this page -
http://www.cargovango.com/misc_equip.htm - is 2000px high and repeats at
the bottom of the page. I have removed the top 108px and set a new
repeating background that only contains the vertical lines.
My question is can I combine the header image with the solid gray such
that the solid gray only appears at the top of the page? I know I'm
constrained by the pageDef width but wonder if there is another way.
Thank you!
Tim
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #FFFFFF;
color : #000000;
height: 100%;
font-size: 12px;
background-image: url(../images/bg2.gif);
background-repeat: repeat;
}
#pageDef {
width: 700px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
<body>
<div id="pageDef">
<div style="background-color:#CCCCCC;border-bottom:solid 1px
#000000;margin:0;width:700px;">
<img src="/images/header.gif" width="700" height="108"
alt="www.CargoVanGo.com" />
</div>
<div id="content">
<hr noshade="noshade" />
<!-- #include virtual="/includes/rightContent.aspx" -->
<div id="contentPad">
<div id="pageTitle">Equipment For Sale</div>
... etc ...
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
