Hi CSS gurus!
I'm stuck with a problem here and couldn't find a solution after searching the forum and google for tutorials.
I'm in the process of fixing my shop before going live and I'm trying to change a table for divs (this is the only thing that was not validating).
What's going wrong now is that I have shadow images that goes on each side of the mainWrapper tag that won't repeat vertically just like when it was coded with plain html.
Now I'm not exactly sure where the problem is... it might be in tpl_main_page.php (misplaced div tag?) or it could be another CSS tag that would stop my wrapper from repeating but I think it's less likely to be the case...
Here's the CSS I've added to the stylesheet:
#pageCenter {
width: 715px;
margin-left: auto;
margin-right: auto;
}
#pageLeft {
float: left;
width: 12px;
background-image: url(../images/border_left.gif);
background-repeat: repeat-y;
}
#pageRight {
float: right;
width: 12px;
background-image: url(../images/border_right.gif);
background-repeat: repeat-y;
}
You can also see my website at www.finalrecords.com/store
Thanks for any input you can give me on this one!
Bookmarks