Justification of Columns

[Halollet]

So I added in this mod
http://www.zen-cart.com/index.php?ma...products_id=77

And it works great until I uploaded products until I got 2 pages.

I have 9 products per page, 3 x 3 grid.

Categories with 1 product show up with the product centered, with 2, they center the 2 products nicely.

However, after more than 3 products it starts right justifying the products and looks really silly. With 10 products the 10th product show up on the 2nd page screen all by itself but it is over to the right.
Which looks absolutely horrible.

So, how do I fix this? I would like the products to be centered like what happens with 1 or 2 products. Failing that, if they could just be left justified that would be a good second.

Attributes of the product display, and its the same for the centered and not centered products;
html

body #indexBody

div #mainWrapper

table #contentMainWrapper

tbody

tr

td

div #indexProductList .centerColumn

div #productListing

div .centerBoxContentsProducts centeredContent back

THanks!

[kobra]

Your description is OK but seeing it would assist greatly
Where is your site?

[Halollet]

Your description is OK but seeing it would assist greatly
Where is your site?

Yeah I know, but if I post the link anywhere word could get back to the government some how some way. And if it does, I could loose $17,000 of funding that I don't have to pay back.

Its really annoying....

[gjh42]

.centerBoxContentsProducts centeredContent back

This is by default supposed to float left (.back), so looking at the rules applied to it in your stylesheet may show why it floats right.
It would take some recoding to figure whether the products are less than 3 on the last page of the listing and apply the "less than col qty" width calculation.

[Halollet]

Here's my site
http://www.satinwoods.ca/cart/index....=index&cPath=2

Its not open yet

As you can see its arranged like

3 2 1
6 5 4

when it should be
123
456

So how do I fix this?

[stevesh]

This is what's doing that:

.back {
float:right;
}

I'm not sure why you specified that there, but .back is used in many places. It's float:left; in a stock Zencart installation.