Hoi een vraagje voor een Django site waar ik mee bezig ben. Ik wil graag plaatjes maken via SVG op de site. Het is een interactieve svg met ook wat script erin. Ik heb hem daarom ingebed in een object tag. Hierdoor krijg ik ook automatisch scrolbars als het plaatje groter is dan de ruimte die er is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
<body>
...
<div id="mapviewer" >
<object data="/mMap/61/?t=10,25" type="image/svg+xml" height='640px'></object>
</div>
...
</body>
Dit werkt prima in Firefox, Chrome, Midori, Qupzilla en Safari, maar niet in IE9. IE8 ook niet, maar die heeft geen SVG ondersteuning, dus dat klopt.
Onder IE9 krijg ik keurig de gereserveerde ruimte te zien met scrolbars, maar geen plaatje. Inline svg werkt wel, maar dat werkt niet met scrolbars en scripts.
Iemand een idee wat er fout gaat?