Frustrated! - Product Listing - Columns Per Row isn't working!

[canemasters]

I've done everything I can think of to fix this layout problem and it just wont go away!

Check out:

http://www.dashtop.com/shop/chevy-gm...c-4_6_126.html

I have:

Product Listing - Columns Per Row - set to 3
Product Listing - Layout Style - set to columns

It still isn't displaying properly.

Any help would be great before I am forced to rebuild the whole site from scratch.

The strange thing was, before I added the 2 settings in the sql db, columns per row and layout settings were missing. Now that I have them showing up, the settings that i change aren't doing squat.

Please help!

[canemasters]

Even the main category listing is screwed up!

http://www.dashtop.com/shop/trucks-c-4.html

It lists 3, then 1 and again.


Also, check out:

http://www.dashtop.com/shop/blazer-1...6_126_127.html

I don't know what's going on. This is insane!

[Kim]

.back {
	float: right;
	}

That needs to be float: left;

[canemasters]

.back {
    float: right;
    }

That needs to be float: left;

I was playing with that, and no matter what I set it to, left or right, it sill does not display it properly. I went ahead and flipped it back to left. But still, it will display 2 products, or categories, then 1, then 2 then 1. If I set it to display 4 wide, it will display 3, then 1, then 3 then 1.

I'm going to set it to 4 wide. Watch what happens...

I have narrowed the problem down to some file in my template directory. I set up a brand new site, and all I did was copy my template directory over, and the problem started all over again.

Thank you for the reply however. I know this will get fixed. It's probably some simple little setting somewhere.

[canemasters]

Here's what I'm going to do. In my template directory, I'm going to replace every file with the originals except my stylesheet.

One at a time, I should find the cause.

[gjh42]

The stylesheet is probably the cause.
The code divides the center column giving each product a percentage of the space available, and if you add margins or padding, they expand to take more space than is available (forcing the last item to the next row). Sometimes the math works out with browser calculations to be a microscopic amount over even without added margins/padding.

If that is the case, try in your stylesheet

.categoryListBoxContents {margin-left: -0.2em;}

Adjust as required, and do the same with margin-right if needed.


The other alternative is to change the code in product_listing.php or other relevant file to figure the width from 99% instead of 100%. This has been discussed a number of times in the forum.