Sven Rautenberg: Grafik positionieren

Beitrag lesen

Moin!

Hallo,
sicher gelingt die Position einer Grafik mittels eines Layertags(DIV,SPAN,LAYER),
die genaue Position mittels CSS wird nicht von jedem Browser unterstützt.

Daher kompatibel zu vielen Browsern und Netscape 4.x:
<span id="Bild1" name="Bild1a" style="position:absolute;top:10px;left:400px;font-size:1px;"><img src="testbild.jpg"></span>
Das Span-Tag funktioniert wie das DIV-Tag, lediglich z-Index wird nicht immer unterstützt.
Das DIV-Tag funktioniert fehlerhaft oder gar nicht in den alten Netscapes.

Genau andersherum ist es richtig: <span> ist nicht zum Positionieren gedacht, und <div> funktioniert in alten Netscapes in der Regel problemlos. Die Positionierung mittels CSS schaffen alle CSS-fähigen Browser, seien sie auch noch so alt. Die alten Modelle haben aber in der Tat ein paar Einschränkungen: Positionierung ist nur mittels top und left möglich, nicht mittels bottom und right.

Ach ja: Lass font-size:1px weg - das macht das alt-Attribut nur unlesbar klein. Viel besser ist es, die CSS-Eigenschaft "vertical-align:bottom" zu benutzen, um das Bild "ganz nach unten" zu setzen. Default ist nämlich "baseline".

- Sven Rautenberg

--
Diese Signatur gilt nur am Freitag.