I'm new to this so forgive me. I'll try and include all the relevant info.
I'm working on a page for a company that will (for complicated reasons) have
some pages that are built on a Wordpress server and some pages that are built
with dreamweaver. My goal is for the layout to be identical on each site so
the user isn't aware they are jumping between them.
I'm only just starting to use Wordpress. I'm only mentioning this because I
need the solution to my problem to be purely in CSS so it's easy for me to
apply to the Wordpress site.
MY PROBLEM:
I want the body of my page (below the header and above the footer) to have a
two background images. The first(content_bkgd.png) is identical to the second,
except it has a watermarked image that I don't want to repeat as the page
expands. The second image is (content_bkgd_tile.png) and I'd like it to
repeat-y below the first image.
The main content is divided into two columns. So far I've set my DIVs as such:
<html>
<body>
<banner></div>
<contentArea>
<container>
<contentleft></div>
<contentright></div>
</div>
</div>
<footer></div>
</body>
</html>
The CSS for each DIV is:
.contentArea {
width: 100%;
background-color: #3E4D69;
}
.contentArea .container {
padding-top:0px;
padding-bottom: 0px;
border:none;
background-repeat: repeat-y;
background-image: url(images/content_bkgd.png);
}
.contentleft {
width: 750px;
padding-left: 60px;
padding-right: 0px;
float: left;
border-right-style: solid;
border-right-width: 0px;
border-color: #336600;
}
.contentright {
padding-top: 30px;
margin-right:50px;
float: right;
padding-left: O;
width: 225px;
vertical-align:top;
}
I've tried to add another DIV (.contentArea .outercontainer) around
.contentArea .container with the following CSS but I haven't been able to get
it to align with the rest of my page.
.contentArea .outsidecontainer {
background-repeat: repeat-y;
background-image: url(images/content_bkgd_tile.png);
}
Damon
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
