SVG and IE11

Bruce Gust
Bruce Gust used Ask the Experts™
I've got a project where the proposed pulldown menus are SVG graphics. In Microsoft Edge, they work fine, but in IE11 they're dimensions are exaggerated to the point where they look like a great, big mistake.

I've found some things on the internet that suggest that these two dynamics don't play very well together, but I wanted to throw this out to see if anyone knows of a "fix" that I might utilize. It's not a big deal to use something else, but I wanted to ensure that I wasn't overlooking something that would solve the problem.

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Director of Creative, UX & UI Design
I'm assuming you are using them as background images. We've had similar issues here with SVGs in IE11. If I provide a background-size: 100% auto; it seems to clear up.
Bruce GustPHP Developer


Thanks, Ryan! I'm working on a code evaluation for a potential employer. I'm going to punt the SVG thing and justify it by saying I had some compliance issues with IE11.

Thanks for the reinforcement.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial