How to adust white space on both sides of the right column

I have white space between my center coulmn and the left side of the right column and no white space on the right side of the right coulmn and the end of the right side of the screen.

http://tennesseetraditionalflies.com/

The screen width is 1366 wide on my notebook.

Change your stylesheet.css around line 414 to the following:
.content, #productDescription, .shippingEstimatorWrapper {
margin-left: 10px;
padding: 0.5em;
}

badarac:

Change your stylesheet.css around line 414 to the following:
.content, #productDescription, .shippingEstimatorWrapper {
margin-left: 10px;
padding: 0.5em;
}

I gave your suggestion a try. Unfortunetly it did not make any difference. Do you have any other ideas?

Looks OK to me. What was the solution?

stevesh:

Looks OK to me. What was the solution?

Here is what was changed.

Viewing the page in Foxzilla does not display the sidebox backgrounds and border. However it looks like the probem was fixed because the sidebox borders no longer display.

.content, #productDescription, .shippingEstimatorWrapper {
margin-left: 10px;
padding: 0.5em;
}

Viewing the page in Chrome does not look like anything changed.

Viewing the page in Explorer looks like the Foxzilla. The backgrounds and borders are gone.

I can leave the change if you want to take a look see.

Just let me know after you take a look see.

Chrome was cached. All three bowsers return the same results missing the backgrounds and borders.

After correcting a code error the backgrounds and borders are back. However the reccoemnded code change does not correct the problem.

Change your stylesheet.css around line 414 to the following:
.content, #productDescription, .shippingEstimatorWrapper {
margin-left: 10px;
padding: 0.5em;
}

Your site fills the screen on my 1280px width display. If you want Zencart to do the same on all display sizes, you'll have to set the various widths in the stylesheet to 100%, though that can make your site look weird on very high resolutions.

Two things:

You have two stylesheets named stylesheet.css, which may be fighting each other. I recommend removing one.

You have the width of #mainWrapper set to '960'. It needs to be 960px if that's the width you want. I usually set #mainWrapper to 980px, to accommodate those visitors using display widths of 1024px, but I may increase that since most people have higher definition displays now.