Hey everyone,
I have the following rendering problems in Internet Explorer 9 and 11:
In Chrome and Firefox everything looks fine. Any idea how to fix this?
Link to the site: https://staging-fintu.kinsta.com/
Kind regards,
Julian
Hi Julian,
I cannot access the screenshot you provided. Please check and send again.
Please note that the theme doesn’t fully support Internet Explorer 9/10/11 as it does not support native CSS3 3D transforms, which is what we are using to most cornerstone elements. These native CSS3 animations are much smoother than trying to do anything programmatically with JavaScript for example, which is why we have opted to use them. These 3D are supported in Edge browser, and based on the general numbers behind Internet Explorer and how fast people are moving up recently, we’ve opted to utilize this as a graceful degredation for browsers that don’t support these 3D transforms in favor of the larger majority where it does work and knowing that very soon Microsoft will have finally released a browser that utilizes these technologies which have been supported in others for years now.
Thanks
Hey Paul,
sorry! here’s the fixed screenshot.
As you can see, this is a layout problem and has nothing to do with the CSS3 Transformations.
As I read in several other posts I already changed all image siizes from none to 100%
But the layout still breaks.
Hi Julian,
This oversized image issue in IE happens because IE behaves differently and needs either the Width and/or the Max Width options of the image element to be set specifically.
Try setting the Max Width of all your images to 100%.
If you want 100% to be the default value of the Max Width, you can save it as the Image element’s preset and then save it as Element Default. For more information, please see https://theme.co/apex/forum#element-defaults
Let us know how this goes!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.