Tagged: ie11, partner element, svg
Hi,
We have a problem with the representation of the partner logo element. In Chrome, Safari, etc the logos (SVG) are displayed correctly. In IE 11 unfortunately completely flasch. What could be the fault? Thank you for your support…
Page here: https://goo.gl/sHwXnS
Hey Timo,
Sorry for the late reply!
According to this site – http://downforeveryoneorjustme.com/, your website is currently down. Can you please check the link once again?
Best regards,
Yigit
Hi,
Is it just .svg that are not scaling correctly? Are .png and .jpg fine?
IE9+ doesn’t scale svg files when they are added with <img />
tags
You can get around this by using the following code in your custom css
/* * Let's target horrid IE to respect aspect ratios for .svg * * [1] does IE9 * [2] does IE10+ */
/* 1 */.ie9 img[src$=".svg"] { width: 100%; }
/* 2 */@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; }}
I have used this on sites so I know it to work. Maybe it’ll work for you.
Thanks
TJ
Hi Ttj.
Thanks – but doesn´t work with youre Code. It is only on the Homepage the Element “Partner” Logos.
You can Check here with IE 9+, or IE 10+
try to give them an height definition too! I think this could help ( auto will be ok i believe)
Hi,
Please refer to @Guenni007’s post above and let us know if that does not help :)
@Guenni007 Thanks as always!
Best regards,
Yigit