Fixing SVG height problems in many older browsers

28. Juni 2015

Make sure that the viewbox, width and height are defined within the SVG.

Many older browsers misbehave, if those are defined in the image source tag only and not in the image file itself.

<svg version="1.1" id="mainLogo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 180.7 166.9" width="230" height="212" enable-background="new 0 0 180.7 166.9" xml:space="preserve">

....

</svg>

viewBox="0 0 180.7 166.9" width="230" height="212" enable-background="new 0 0 180.7 166.9" xml:space="preserve">

....

</svg>

Enjoy coding …

0 Comments

Inline Feedbacks

View all comments

Alexander

Ich bin ein Full-Stack-Entwickler. Meine Expertise umfasst:

Server-, Netzwerk- und Hosting-Umgebungen
Datenmodellierung / Import / Export
Geschäftslogik
API Layer / Action Layer / MVC
Benutzeroberflächen
User Experience
Verständnis für Kundenwünsche und Geschäftsbedürfnisse

Ich liebe die Entwicklung, das Design und kenne mich auch mit Serverarchitekturen aus. Ich würde mich nie vollständig fühlen, wenn einer der Bereiche fehlen würde.

Ich habe ein breites Interessengebiet, deshalb tauche ich ständig in neue Technologien ein und erweitere mein Wissen, wo immer es nötig ist. Die Technologien entwickeln sich schnell und ich genieße es, die neuesten Technologien zu nutzen.

Abgesehen davon bin ich ein friedliebender Kerl, der versucht, Leute um sich herum zu haben, die dasselbe denken. Ich glaube wirklich an das Prinzip: "Wenn man jemandem hilft, wird einem jemand helfen, wenn man es braucht."

Leistungen

Previous Next