a difference in the look of the shop in different browsers.

-- url of the page with the problem -- : 04.uw-hiow-concept.nl/
-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.6.x
-- Error-message(debug-mod must be tuned on) -- : no message on page

Hello,

What can we do to make the shop look the same in chrome. As far as i can see with our developing site.
In other browsers such as firefox, edge it is showing neatly. But as far as i can discover not in Chrome. In the attachments you can see what i mean.

Hi,

We put that line in the css. because then, as you suggested in other topic. the add cart button will stay at the bottom. That is why we put the height in it. In the most common browsers it looks fine except in chrome. So in order to make it neatly i will have to put the line height higher. but then in the other browser i get more space between it. Or do you have another solution to get the add to cart button to stay on the bottom?

if i remove that line. it will be displayed like this:

Hi,

I think the issue you have is coming from this:

span.hikashop_product_price_before_discount {
color: #EE4409;
font-size: 14px;
/* padding-right: 10px; */
}

if you remove padding-right it looks fine.

Also there is another issue that in this span you have div which shouldn't be like that.

Thanks

Hello Kyratn,

The issue was not comming from that span.. and the div, yes i know but is needed for our look in the price and discount price otherwise it will be on 1 line. but the issue with the browsers is solved as far as i can see with what you mentioned earlier, with het min-height in css..

Thanks

Thank you for this notice.. with min-height in css it is solved. only in chrome the to cart button is a little lower.
Thank you.

Hi,

If it is lower you can add some px so you will have same height. However i still think you should use proper html because "span" is an inline element, so having a "div" inside span is not valid in html....

Thanks