Hello all. I have been lurking this website for a while now. I usually find all my answers within the posts I search through but I can't seem to find the answer to an issue I have.
If you look at my website template you can see that the border doesn't wrap around the body. Instead, it stays all the way to the left and right side of the page, with the site centered in the middle. What code should I use to correct this?
site:
www.mongkongclothing.com/store
My code in the stylesheet:
/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 960px;
vertical-align: top;
}
#mainWrapperLeft {
width: ;
background-image: url(../images/borderleft.jpg);
background-position: top left;
background-repeat: repeat-y;
padding-right: 0px; /*or whatever the shadow width is*/
margin: auto;
}
#mainWrapperRight {
width: ;
background-image: url(../images/borderright.jpg);
background-position: top right;
background-repeat: repeat-y;
padding-right: 0px; /*or whatever the shadow width is*/
}
Thanks for the help!!!


I meant give them the width of the mainwrapper plus the width of the borders.


