alfie: svg alternativ png als object

Hallo!

Sorry, aber heute bin ich ziemlich verwirrt.

Ich habe eine svg-Datei als Objekt eingebunden und ein png als Alternative.
Beispiel
Die Grafiken haben einen 1px-boder (blau svg und rot png).
Source:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">  
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <meta http-equiv="Content-Language" content="de" />  
    <style type="text/css">  
      body {font-size:100.01%; }  
      object {border: solid 1px blue; }  
      img {border: solid 1px red; width:150px; height:100px; }  
    </style>  
    <!--[if (gte IE 5.5)&(lt IE 7)]>  
      <style type="text/css">  
        body { font-size:82%; }  
      </style>  
    <![endif]-->  
    <title>SVG (PNG alternativ)</title>  
  </head>  
  <body>  
    <h1>Test</h1>  
    <p>Wenn möglich, wird svg angezeigt. Zum Vergleich: 150px × 100px png.</p>  
    <p>  
      <object data="logo.svg" type="image/svg+xml" width="150" height="100">  
        <param name="src" value="KopfLogo.svg" />  
        <img src="logo.png" alt="png-logo" title="png (alternativ)" />  
      </object>  
    &nbsp;<img src="logo.png" alt="png-logo" title="png (Vergleich)" />  
    </p>  
  </body>  
</html>

2 Probleme:
1. In der aktuellen Version des Seamonkey (1.1.17) wird das svg angezeigt, in der Druckverschau "verlässt" das svg allerdings seinen Rahmen (der immer noch am ursprünglichen Ort angezeigt wird) und "klebt" links oben auf der Seite.
2. Im IE6 (alle Patches, auf XP Pro SP3) und aktuellem Adobe SVG-Viewer (3.03 Build 94) wird  statt des svg eine hellgraue Fläche angezeigt und die Seite hört nicht auf zu laden.

Irgendwelche Tipps?

mfg Alfie

  1. Hallo!

    Sorry, aber heute bin ich ziemlich verwirrt.

    Selbstgespräch... Da war noch ein alter Dateiname im Code der Adobe zu Recht im Regen stehen ließ. Richtig:

          <object data="logo.svg" type="image/svg+xml" width="150" height="100">  
            <param name="src" value="logo.svg" />  
            <img src="logo.png" alt="png-logo" title="png (alternativ)" />  
          </object>  
    
    

    Im IE jetzt OK, auch im Ausdruck. Bleibt also noch der Seamonkey...

    mfg Alfie

    1. Hallo!

      Ein Bild sagt mehr als 1000 Worte:

      Screenshot Seamonkey (Browser)
      Screenshot Seamonkey (Druckvorschau)

      mfg Alfie