Display Issue - Parameters all the same

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : chrome
-- Error-message(debug-mod must be tuned on) -- : none

Hello,

I have a single menu item displaying the content with completely different HTML. Here are the two URL's:
Bad Display: morgan.myartisanweb.com/jewelry/pendants/chain-pendants
Good Display: morgan.myartisanweb.com/jewelry/pendants/silk-pendants

Please advise,

Dawn

Hi,

It is a mystery for myself too.
All I can say is that if you remove the "position:aboslute" for the images ; it works better. After that, you should have an issue with a position relative/absolute something else in the page ; I can't say, it's not my specialty or my job.

Regards,

Hello,

I wanted to submit the fix, since it was in fact my Job.

Some of the product and category displays have a css class of .thumbnail and some do not. I wanted to be able to display an "even" row of images that were not sized equally by the client so the "Purchase" or "Add to Cart Buttons" were consistent across the page. For some reason, the HTML is not consistent on all pages so I had to style for both with the .thumbnail and without:

/*******product image***********/
.hikashop_container .thumbnail div.hikashop_product_image .hikashop_product_image_subdiv, .hikashop_container div.hikashop_product_image .hikashop_product_image_subdiv {
height: 280px !important;
}
.hikashop_products .thumbnails .hikashop_product_image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: none;
}

Here is the end result: