Different Appearence in IE / Chrome / Firefox

Hi!

I'm not using the advert1-3 positions.

In content, i use 3 K2 Items to be displayed, just as in the demo.

When viewing in Firefox, everything looks as expected.

When viewing in IE, the article pictures are just below the slider in the header with no space in between.

Same goes for Chrome.
For that i've added

Code:

@media screen and (-webkit-min-device-pixel-ratio: 0) .contentrow { margin-top: 30px; }

to template_css.css and that works fine.

How do i fix it so that IE, Chrome and Firefox display the page all the same?

joomlaneu.ahle.de

It looks same to me in all 3 browsers?

This is the way it looks for me ...

Firefox (Version 25.0.1)


IE (Version 11.0.9600.16438):



Even the demo-site looks different (at least for me):
Firefox:


IE:

Add this to layout.css:

.contentrow{
margin-top:20px;
}

Thanks for your quick reply.

Do you mean the layout.css in "hot_clinic\js\colorpicker\css"? That's the only one i found.

If so, it doesn't do the trick ... Site looks still the same in IE.

Jens

[edit] With IE8 it works. With IE 11 it doesn't ...

Yes that's it , but after you change you need to refresh. Even if still does not work leave the added code there next time you post