Classic Image issue in IE

[wnhorne246]

Good morning. I am having an issue in Internet Explorer when using the classic image and setting the style to circle. It looks fine in all the other browsers I have tested, but in IE it’s warped, like it’s being stretched on its axis. You can see this at the bottom of one of my pages at https://www.emilycolin.com/sacrifice-of-the-seven-sins/

Thanks for your help.

[christian]

Hey @wnhorne246,

You have applied Flex to the column and that’s not compatible with the Classic Image at least on IE. IE is strict when it comes to size declaration of elements and the Classic Image doesn’t have a defined size so the Flex layout stretches it.

What you could do is replace the Classic Image with the Image element. Define a Width of 100% then set the Inner Border Radius to 100EM for all corners to replicate the circle shape.

I’ve tested that setup and it works.

Hope that helps.

[wnhorne246]

Thanks. That worked out just fine.

[nabeel]

Glad that we could be of help.

Cheers!