SVG displays correctly for an instant and then resets very small in IE

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi,

    I can’t access the link you provided, it keeps timing out ??
    But it sounds like it should just be a little IE11 hack in the way they decide to display SVG or IMG tags… I can’t tell what is happening without being able to access the site.

    Thread Starter jimhelms819

    (@jimhelms819)

    see if you can view this page in IE, https://offices.aces.edu/rrec/ thanks

    Plugin Author Benbodhi

    (@benbodhi)

    Hi, thanks for that link, it worked fine.
    I managed to test it in IE11, it looks like it is to do with the viewbox attribute and the width/height.
    Here is a resource that is very good, just cruise down to the part where you embed SVG using the <svg> tag.
    https://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/
    This will show you things about padding and percentages plus more.

    Basically, I just changed the viewbox attribute numbers and it was making a difference.
    I hope this helps.

    Plugin Author Benbodhi

    (@benbodhi)

    I also noticed there is styles placed inside the SVG itself… I would personally move them to their own stylesheet for ease of use/changes.

    Plugin Author Benbodhi

    (@benbodhi)

    I’m guessing you got this sorted, so I will mark this as resolved.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘SVG displays correctly for an instant and then resets very small in IE’ is closed to new replies.