SVG image size problem in IE11 - Post...

User 244626 Photo


Registered User
811 posts

https://stackoverflow.com/questions/977 … 54#9792254
is a interesting thread of information.

Especially since I was already testing css code to target just IE 11 and below which is used in one of the example. Instead of using @supports test one can use a css test to target fixes required for IE11 and below....which I believe one may run into occasionally.

<style>
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
h1 {
background:blue
}
}
</style>

Include any code in this css detection and only IE11 and below will be effected.
Bootstrap 5 CSS Grid.
User 2846109 Photo


Ambassador
341 posts

Well, if you want to post the svg file here or email it to me I'd be happy to look it over. My email is on my pixel and poly website if you need. Good luck either way!
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 244626 Photo


Registered User
811 posts

I know this is off topic from the thread but if anyone is interested in targeting changes needed in IE11 or IE10 that do not effect Edge or other common browsers here is the test project with a custom css fix.

Attachments:
Bootstrap 5 CSS Grid.
User 2903050 Photo


Registered User
260 posts

Jeff that is so kind of you. BUT!!!!
I have worked it out. I was using serif draw x6 to create the SVG. It was probably adding lots of unnecessary code and causing a problem for IE.
Recreated the logo in Inkscape and SORTED!!!
Thank you everyone

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.