Zaczynam rozwiązywać moje poprzednie pytanieNakładaj diagramy SVG na mapę Google.

Ale mam inny (mniejszy) problem. Używam Firefoksa 3.5 i Safari 4 (na Macu), a kiedy osadzam SVG w XHTML, nie mam w ogóle tego samego rezultatu.

Mogę użyć<object> albo<embedded> elementy (ale myślę, że ten ostatni jest przestarzały). Używam ich w ten sposób:

<div id="map_canvas" style="width: 900px; height: 900px">
  <object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>

A rozmiar i skala SVG nie są takie same w Firefoksie i Safari. W moim SVGwidth, height iviewBox są określone.

Czy istnieje sposób, aby uzyskać ten sam wynik ze wszystkimi przeglądarkami (nie obchodzi mnie IE, które nie obsługuje SVG ..., więc „wszystkie przeglądarki” oznaczają przynajmniej najnowsze wersje Firefoksa, Opery i Safari) ?? Może coś zapomniałem zdefiniować?

EDYCJA: Zauważyłem to również za pomocą<object>, SVG jest przezroczysty z FF, ale nie jest przezroczysty z Safari ... :( Czy istnieje „standardowy” sposób dołączenia SVG?

Dziękuję za pomoc