Hallo CSS Experten,
auf einer Webseite werden Grafiken im SVG Format wie folgt eingebunden:
HTML-Code:
<div class="innenbox">
<a href="">
<img src="">
</a>
</div>
Code:
img {
max-width: 100%;
height: auto;}
.innenbox {
height: 300px;
}
Das Ganze sitzt in einem prozentualen Grid, die Breite der umgebenden divs variiert damit je nach Auflösung.
Mit allem möglichen getestet: Chrome, Firefox, Opera, Android, Iphone und die Skalierung der SVG Grafiken funktioniert prächtig.
Auf dem IE funktioniert die Skalierung nicht - aus Kreisen werden "Eier". Es sieht fast so aus, als wenn die feste Höhe des umgebenden divs an das innere img vererbt wird und height=auto ignoriert würde.
Ich weiss, der IE ist tot, aber es benutzen ihn noch so viele
Gibt es da vielleicht einen Hack? Ich kann Google nichts Entsprechendes entlocken
Vielleicht hat einer von euch eine Idee...
Viele Grüße aus dem Norden!