Column Grid Layout not right

[bodybangles]

Some rows are correct while others have spaces where product should be. I've think it has something to do with how many rows are used,but I don't know how to fix it. Here is the example of what's happening.

http://bodybangles.net/index.php?mai...ath=60_113_119

[MikeyG]

it think I had the same issue last night but I can't get your site up to see.

Anyway it is likely that if you are playing with the css that you have tried to set a margin or padding. This I found changes things in a way that the 4th column dropped some images.

There is a formula in one of the two files that you would have installed that you need to edit as it calculates the width of the square in the grid.

Not in from of my development PC as it is at home and I am in work at the moment but it did the trick. IF you need futher help I shall try to dig it out later.

[Woodymon]

Some rows are correct while others have spaces where product should be. I've think it has something to do with how many rows are used,but I don't know how to fix it. Here is the example of what's happening.

http://bodybangles.net/index.php?mai...ath=60_113_119

In Admin > Config > Product Listing.
What do you have for: Product Listing - Columns Per Row

In Admin > Config > Maximum Values
What do you have for: Products Listing- Number Per Page

For testing purposes disable the sale on GN7030 and on GN7013 and the reload the page. Does this change anything?

I haven't looked to see if you are using a variable width or fixed width template.

Woody

[gilby]

Some rows are correct while others have spaces where product should be. I've think it has something to do with how many rows are used,but I don't know how to fix it. Here is the example of what's happening.

http://bodybangles.net/index.php?mai...ath=60_113_119

I thought it had something to do with every 7th item until I checked some of your other listings.
The one out of position always seems to be "trapped" against a div in the previous row that has an extra row of text that forces it lower than a subsequent div
The cure will be in the settings as mentioned above. (imo)

[DrByte]

All of your product cells are of varying heights, perhaps due to varying image sizes and varying lengths of product names.

Adding this to your stylesheet.css appears to resolve it by giving each cell consistent spacing, and therefore preventing the overlap problems:

.centerBoxContentsProducts { 
  height: 350px;
}

[bodybangles]

All of your product cells are of varying heights, perhaps due to varying image sizes and varying lengths of product names.

Adding this to your stylesheet.css appears to resolve it by giving each cell consistent spacing, and therefore preventing the overlap problems:

.centerBoxContentsProducts { 
  height: 350px;
}

Cool! by adding the text align command that also solved my problem with my product not being center in the page

Thanks!

[MikeyG]

Dr. Byte,

I have a problem with the 4th column wrapping on to the row below and then a new row starts with three columns again. I had sorted it in firefox by adjusting the calculation in the product_listing.php file at line about line 100.

But it is still wrapping in IE. I believe it is caused by padding and margin being treated differently by the two browsers. I understand IE adds margin to the out side of a box whilst FireFox calculates it on the inside(of the total width)

Any ideas how I can adjust either the CSS or the column calculation so it works between the two browsers.

I have not tried it with IE7 Can I run IE7 and IE6 on the same machine. (I understand that IE7 is treating some CSS mark up "correctly" and this could well change the look of the site again. I have already spent rather to long sorting out overlapping margins and boxes due to these differences. I hope you can shed some light.

Many thanks in advance.

MG

[DrByte]

You may have to change the formula to not divide 100 by the number of columns, but instead maybe use 96.

Alternatively, setting specific width/height parameters may force the box model to not have to self-calculate, and therefore make it display properly.

What's your site URL ?

[MikeyG]

Dr byte,

Thank you for your reply. Currently testing locally on test server before going live.

I have a fixed width on the site so could in theory force the widths. Can you provide the code and where to put it to force it to 4 columns. I can then try both formula amends as you mentioned above and see which gives me the best results.

I don't seem to be able to fix the width in the style sheet (is this possible or is it the formula)

Many thanks

MG