Image Scaling Issues on IE11

[USAT009]

Hello,

IE11 is just a rampant mess.

Shop for Top IoT-Enabled Gateways and Antennas with USAT

Can you let me know why all the images are oversized and bleeding into other columns?

[devolvejames]

Hi @USAT009,

For some reason with IE11, you need to give the image a defined width. Try setting the image width to 100%. That should then force it to span the width of the column you have it placed within.

Hope that helps!

[USAT009]

I found this in another post, and it appears to only have resolved the image in the Pro Header and nothing else.

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

[christian]

Hey Jesse,

Please remove that code. We will not support any code provided here in the forum even it came from us because they are here only to provide guidance on custom development or other specific workarounds.

Please follow @devolvejames suggestion as that is correct.

@devolvejames

For some reason with IE11, you need to give the image a defined width. Try setting the image width to 100%. That should then force it to span the width of the column you have it placed within.

@devolvejames for chiming in.

Hope that helps.

[USAT009]

I removed the code, and set the width to 100% and tried 95% as well and it did not resolve anything other than the image in the Pro header. And even then, it only made it work on desktop views. It scaled wildly on tablet views.

EDIT: OK, I think it had to do with caching, it looks like it does work to fix it.

[marc_a]

@USAT009.

We are glad that your are able to fix your issue, just reach us if you any other concerns.

Thank you.