Fresh Install - CSS Issue

Hi guys,

Installed a fresh copy of OpenCart but I'm having cross browser compatibility issues with some of the default CSS.

In Firefox when add a few products, the alignment of the "results" text seems to overlap the product images.
(in IE everything is fine)

(image attached "sections.gif")

The issue also seems to cause problems when listing the products on more than the 1 line.
The row underneath overlaps the product details above. (2 more attachments, one from IE one from FF)

All seems to point to a CSS issue. Perhaps within ".products" ?
Ahh, I did increase the thumb size (within admin) to be 150px from the default 100px... i have tested it with "height: 190px;" however the issue is still present.

Any ideas?

Many thanks
Carlo

hi, i've the same problem, but at first i didn't find the way, because i don't have enough experience

than i found this, and change it from 140 to 190px and it works, this is my code:

.products, .images, .categories {
float: left;
width: 33.3%;
text-align: center;
cursor: pointer;
font-size: 10px;
height: 190px;
}

Hi mate,

Yep i did already try that but it didn't seem to work.
I'll have another fiddle and see how it goes.


I don't want it to just work in FF and the IE gets kicked out of balance.

Cheers
Carlo

take the height:XXpx; out al together  not needed

when i increase image size form admin menu only IE show correct images, only ff has a problem, when i change this  in ff things go ok

one more try this is path: /catalog/template/default/css/default.css

Sorry, I forgot to reply when it was fixed.

Completely removing the heigh definition in the CSS sorted it out across both browsers

Cheers guys

glad it work for you too