Forums / Templates, Stylesheets, Page Layout / my product grid is broken

my product grid is broken

Locked

Views: 805

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
20 Oct 2009, 2:56 AM
#1
dankster avatar

dankster

New Zenner

Join Date:
Oct 2009
Posts:
4
Plugin Contributions:
0

my product grid is broken

i have installed zencart and have a grid display of all my products display on my gifts page.

something is breaking my grid and making some rows only contain 1 item. i cant figure out what is breaking it!

http://prettylittlepresents.com/inde...index&cPath=70

any ideas?

23 Oct 2009, 7:24 PM
#2
dankster avatar

dankster

New Zenner

Join Date:
Oct 2009
Posts:
4
Plugin Contributions:
0

Re: my product grid is broken

bump! please someone help me out...

26 Oct 2009, 7:59 PM
#3
dankster avatar

dankster

New Zenner

Join Date:
Oct 2009
Posts:
4
Plugin Contributions:
0

Re: my product grid is broken

anyone?

26 Oct 2009, 9:15 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: my product grid is broken

Your template has some very odd coding, with all styling apparently inserted as classnames, so I think fixing this is going to require seeing your actual template files.

At any rate, the base cause of the layout problem is that the template eliminates the stock insertion of a <br class="clearBoth" /> which ensures that separate rows don't interfere with each other. When a product has a long title, it is taller than others and sticks down farther, and the first product on the next row tries to float left and gets stuck on the bottom edge of the previous item.
A solution without fixing the code would be to make all products the same height (allowing enough to fit long titles).
Add to your stylesheet1.css```
.centerBoxWrapper .pT5 {height: 2.0em;}

I notice that you have two stylesheets with much of the same content. Duelling stylesheets will cause headaches over time, as you never know which one is controlling a certain element. You would do better to merge them and combine the rules that apply to the same elements.