Does anyone know how to fix this:

I just installed a new template which I really like, but for some reason it's pushed the entire site over to the right of the page:

http://www.dystynction.com/index.php?main_page=product_info&cPath=1_4&products_id=1

I think it's maybe because the description I pasted into the centre column in the product description area is wider than normal?

Is there a way to increase the width of the main header and then centre the entire site on the screen?

Thanks in advance.

I've tried editing the css file in the default template to include:

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: auto;
float: left;
vertical-align: top;
}

but sill doesn't fix this!?!?

When you put a 905px wide table in a product description, it tends to stretch the overall width.:blink:

yes, this is true ot does stretch the overall width, but when I float:centre why does it push the whole page to the right?

Believe me, a width of auto is NOT the answer.:shocking:

Zen Cart is set up to float the center content with the side columns fixed. It "ships" with an overall width of 725 but the two side columns are set at 150 each which leaves a width of 425 for the center. It will maintain the 425 even if nothing is there. However, when you go past a width of 425, it graciously "moves over" to make room for your content.

If you don't want it to move, don't ask it to by putting content in the center column that is too wide.

Just remember to subtract your side column total (left + right) and subtract them from what width you want (1024?) and don't let the center content exceed that amount.

Don,t even think about putting a defined width on the center column as it will not fix the problem.:smartalec:

I seem to have fixed this using:

#mainWrapper {
text-align: left;
vertical-align: top;
float: left;
width: auto; /* sets the width of the store /
background-color:#fff; / gives the store a white background */
}

....... in my main stylesheet. The key of course was width:auto; which makes the page stretch to the full width of all screen sizes/resolutions.

Unfortunately, it also lets it stretch beyond the limits of the browser and screen. Nothing makes a customer happier than having to slide the screen left and right to view content. NOT!

I would really reconsider the whole design as your product info page is not inviting and the customer have to hunt for the Add to Cart button. Images are too large and take away from the page which you can use to sell your products and add content.