Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Weird "padding" issue with SVG in Chrome Reply To: Weird "padding" issue with SVG in Chrome

#208226
Steven
Participant

Ah, I had thought about changing it to 99% to get around it. I’ll use this until something gets figured out.

I did notice an IE bug (unrelated to changing bottom to 99%).

It looks like IE (all versions) is completely ignoring background-size: cover on my pseudo element. When you shrink the width of the screen, the SVG background image keeps shrinking right along with it, causing it to “lift up” from the darker blue div underneath it. I tried looking around, but couldn’t find much of anything to help with this.

Any ideas?

EDIT:

Nevermind, fixed it with the help of http://stackoverflow.com/questions/21840551/background-size-with-svg-squished-in-ie9-10

Just had to declare width and height in the SVG.