Shrinking Background Help!

[whiteknight1]

Hello guys,

I have set up my Zen Cart shop, installed a new template and got it just about how I want it.
I have the usual side boxes left and right, and obviously in the middle are the products/descriptions etc. Now we would like a background image or pattern either side of the sideboxes, but nothing in the middle as it would make the product pictures and descriptions hard to read. I found out how to add a background by modifying the stylesheet.css in the template/css folder, and as i say it appears both left and right of the side boxes, but also in the middle.
I tried creating a background which has a white vertical stripe down the middle and aligned it with the centre of the cart, woopie doo, but when I view the cart on my other laptop which has a smaller screen, the cart has resized but the background image has not, so the vertical stripe of the image is now way out of alignment and the patterned part of the image is half way into the centre...

Is there a way of making he background image shrink and grow in proportion to the cart??

Or is there another way of having an image either side of the sideboxes??

Im good with HTML but CSS...dont ask me!

Many thanks
Colin

[stevesh]

A link to your site would help. Generally, you would use an image that tiles and add it as a background image to the body rule in the stylesheet. There are other background-image instances in the stylesheet you can check out to see the proper syntax.

As you noted, you can't really use a fixed-width image and have it show up properly on all screen resolutions.