Internet explorer 11 compatibility

[Toy49]

Hi everybody !

I am facing a display problem with a customer having internet explorer 11.
I have IE 11 and I don’t have his issues !

Here is the screenshot he has

for this page http://www.atmos.fr/services/

Thank you for your help, this is weird !

Best regards,

Stephanie.

[basanta]

Hi There,

Thanks for writing in!

I checked your site in IE11 and it looks . fine for me. Can you please ask your client to check if any error he is getting in his browser or any file blocked.

We really can’t suggest anything when we are not able to replicate the issue.

Thanks for understanding!

[Toy49]

Hi,

Thank you very much.

Are you having this : ?

Thank you very much,

Best regards,

Stephanie.

[Joao]

Hi There,

I Can replicate the issue on my end, please provide your login credentials so we can take a closer look.

Thanks

[Toy49]

Hi Joao,

will my reply be private ?

How do I hide the codes ?

Thank you,

Best regards,

Stephanie.

[friech]

Hi Stephanie,

You can place sensitive information on a secure note, the key icon on the lower right of your posts.

IE image overflowing on the columns/container. Please add the fix provided here

Hope that helps,
Cheers!

[christian]

Hey @toy49,

The fix @friech has given should work but I see syntax errors in your CSS. Please temporarily remove all your custom CSS and only add the CSS @friech suggested to see if it will work.

The reason why the images expand in IE is because IE requires a specific width for the image.

By default, the width is set to auto.

Thanks

[Toy49]

Hi,

Thank you for the fix. I don’t know why, it didn’t worked.

Il sent you the codes in the secure path.
Could you help me please ?

Thank you for your help !

Best regards,

Stephanie.

[friech]

Hi Stephanie,

I see that you added it twice but you miss the closing bracket } on both instances, and there is an extra line at the bottom please remove that.

Update this last block of your custom CSS

/*image and card fix on IE*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .x-face-graphic img,
   .x-image img {
   	width: 100% !important;
}
 /*image and card fix on IE*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .x-face-graphic img,
   .x-image img {
   	width: 100% !important;
} 
  
  
/*////////////////////*/

To just this:

/*image and card fix on IE*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .x-face-graphic img,
   .x-image img {
    width: 100% !important;
   }
}

Let us know how it goes,
Cheers!

[Toy49]

Hi,

Thank you so much ! It works !

Many many thanks !

Best regards,

Stephanie.

[nabeel]

Glad it worked.

Cheers!