max: SVG in HTML scrollleistenfrei maximieren

Beitrag lesen

SELF-Forum

SVG in HTML scrollleistenfrei maximieren

max
– Informationen zu den Bewertungsregeln

Okay das ist ein Argument. Aber gehen wir mal weiter ins Detail:
@preserveAspectRatio scheint der Schlüssel zu deinem Problem zu sein. Problematisch ist, dass dieses Attribut nur im svg-Namesraum bekannt ist.

Stimmt, daher hab ich mir die gültige Attribut noch einmal angesehen.
Ich hatte seinerzeit keinen Erfolg damit, height und width von object auf 100% zu setzen.
Nun las ich, dass man diese Attribute ab dem html-Element 'durchreichen' muss. (Mir war gar nicht klar, dass das html-Element solche Attribute besitzt.).

Und kaum macht man's richtig schon funktioniert's:

  
<?xml version="1.0" ?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml/">  
  <head>  
    <title>SVG</title>  
    <style  type="text/css">  
      html, body, div, object  {  
        height: 100%;  
        width: 100%;  
        margin-top:0px;  
        margin-bottom:0px;  
        margin-right:0px;  
        margin-left:0px;  
      }  
    </style>  
  </head>  
  <body height>  
    <div>  
	  <object data="rect.svg" type="image/svg+xml" > </object>  
    </div>  
  </body>  
</html>

Ich hab den HTML Stub von http://de.selfhtml.org/html/allgemein/grundgeruest.htm genommen. Ist eine Namensraum-Deklaration nicht nur für XML/XHTML nötig?

Korrekt und was steht in deinem doctype? html oder xhtml :P

Daraus schließe ich:

1. Ich hab den Stub doch nicht von o.g. Quelle kopiert.
2. Copy & Paste befreit nicht vom Lesen.

Vielen Dank für die Hinweise und einen schönen 2. Advent.

Beitrag melden
–
Informationen zu den Bewertungsregeln