I can't get my svn-image displayed in Firefox... it works fine in Safari and Chrome (don't have IE, so haven't tested that yet).
It's implemented like this in my html;
img class="logo1" src="/images/logo6.svg"
Where logo1 is just a class for positioning.
I've tried to google but have just found that sag isn't supported by Firefox, but nonetheless, there are ways to display it. All solutions has been really hard to understand though. (I'm not a programmer!)
Are there any easy ways of doing this?
You aren't specifying a size for your SVG anywhere. In your logo1
class, you specify 100%, but 100% off what? Chrome is working because it is defaulting to the "indeterminate sizing" default which is 300px width. But Firefox is using 100% of the width of the parent element (<li>
), which is 0
Specify a real width and/or height in your logo1
class and everything should work fine in FF.
.logo1 {
padding-top: 6px;
width: 300px;
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments