HELP! layout doesn't work in IE

Hi everyone,

I have my columns per row set to 5 and max products to display to 10. Everything looks fine in FF but in IE it shows 4 products on the first row then 1 product on the next row.

When I set the columns per row to 6 and the max products to display to 12 everything works fine in both FF and IE. But 6 is too many to show on a page.

Is this a known IE bug or does anyone have a fix for this? I'm leaving the setting like it is so someone can take a look at it and maybe offer some help.

thanks

It's taking too long for someone to get back to me on this so I am going to change my layout to something that will work in both IE and FF. I still have the problem though and would appreciate any help.

thanks

problem fixed... thanks for looking everyone

What was the solution that worked for you? :smile:

Ajeh:

What was the solution that worked for you? :smile:

Hi Linda,

I don't remember who helped me but here is the solution:
go to: includes/modules and edit:

new_products.php
product_listing.php
specials_index.php

in each file find: $col_width = floor(100/.......);
change that to: $col_width = floor(99/......);

when you use 100, you can use 3 and 6 columns per row.
when you use 99, you can use 4 and 5 columns per row.

when you are through editing, copy the files to YOUR_TEMPLATE sub-directory in modules.

Hope that this explains it ok... :smile:

Please note that this is an IE issue only. Everything worked fine in FF

I just want to thank you for posting this, I spent hours searching the forums, posted, then searched for hours again LOL and my IE column problem is all fixed up :D

christon26:

I just want to thank you for posting this, I spent hours searching the forums, posted, then searched for hours again LOL and my IE column problem is all fixed up :D

You are most welcome Christon! I'm happy I could help some.

(Sorry for digging this thread back up..)

I was looking for a solution to this same problem. I thought zencart must have somewhere to edit those width percentages, but they don't seem to.

So, intead of editing the files, you could handle it directly through the stylesheet.

For example, I've 2-columns per row for New Products and IE still displays them one per row, its just a minor width issue which can be resolved by adding the following to the stylesheet:

.centerBoxContentsNew {
width:49.9% !important;
}

Same for featured and others.

Hope it helps.

Nimbuz:

(Sorry for digging this thread back up..)

I was looking for a solution to this same problem. I thought zencart must have somewhere to edit those width percentages, but they don't seem to.

So, intead of editing the files, you could handle it directly through the stylesheet.

For example, I've 2-columns per row for New Products and IE still displays them one per row, its just a minor width issue which can be resolved by adding the following to the stylesheet:

.centerBoxContentsNew {
width:49.9% !important;
}

> 
> Same for featured and others.
> 
> Hope it helps.

I tried your solution and it doesn't seem to work for me. The 49.9% works if you are using 2 columns but not if you are using 4 columns (like I am). I tried 99% too but it did not work either. Is there something I am missing or not understanding?

Yep, I just gave an example. It should be 100/4=25 (24.9) ofcourse.

Nimbuz:

Yep, I just gave an example. It should be 100/4=25 (24.9) ofcourse.

For f columns 100/5=20 --> 19.9 of course for featured
so css

.centerBoxContentsFeatured  {
width:19.9 !important%;
}    

Sorry doesn't work.....stupid Internet Explorer

works great....sorry changed wrong stylesheet

but still....stupid internet explorer