Explorer 11 issues, overlapping images in two columns

Support
#1

Hello, guys.
(I am X pro user.)
There are problems. It has only happened on Explorer 11, the other browser is fine.
I made two column in one row, one is image and the other is text or image. But they are overlapping each other.
I found a solution to fix it. A staff said to put this code ‘.x-image img {width: 100%;}’ in CSS. I did it, it was worked. But the problem is all images that I put in the right size, they changed 100%(size).
(1st add files - before code added ‘.x-image img {width: 100%;}’ )
(2nd add files - after code added.)

http://dermachung.cafe24.com

Points

  1. Not add code. Not responsive some images and overlap some images in columns on Explorer 11.
  2. Add code. Everything is fine except some images changed from right size to 100%.
    How do I fix it?
#2

Hi There,

Please add the following CSS under Pro > Theme Options > CSS

/* img fix for ie */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.x-image{
	  max-width: 100%;
	}
}

Hope it works.

#3

Hi albrechtx,
It’s working! Thank you so much. Have a nice weekend!

1 Like
#4