100% und Positionierung

Status
Nicht offen für weitere Antworten.

juliusk

Grünschnabel
... nicht lachen, bitte!

Kann, wenn eine Grafik mit jeweils 100% Höhe und Breite angezeigt wird,
auf Angaben zur Position - e.c. top/left/absolute - verzichtet werden?

Von der Logik her schlüssig und funktionieren tut es im IE sowie FF auch,
aber was sagt die 'Vorschrift' in diesem Fall?

Grüße - Julius.




_
 
Code:
body  { background-color:#ffffff; margin:0px; overflow:hidden; } 
img  { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0px; }

oder reicht

Code:
body  { background-color:#ffffff; margin:0px; overflow:hidden; } 
img  { width:100%; height:100%; }


Keine weiteren Elemente sind auf der Seite zu sehen.
Wie erwähnt funktioniert es in der Anzeige, aber 'darf' das so stehen?




_
 
Selbstverständlich sind beide Varianten regelkonform und können so im Stylesheet stehenbleiben.

Wenn das (X)HTML-Dokument aber im standardkonformen Modus an die Browser übergeben wird, ist noch eine Ergänzung erforderlich, damit es mit der 100%-Höhe im Viewport funktioniert:

Code:
html,body  { height:100%; background-color:#ffffff; margin:0px; overflow:hidden; } 
img  { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0px; }

Code:
html,body  { height:100%; background-color:#ffffff; margin:0px; overflow:hidden;  } 
img  { width:100%; height:100%; }
 
Status
Nicht offen für weitere Antworten.
Zurück