Bevor jemand fragt

Bearbeiten

Es sind zwei div (Ebenen) vorhanden. Das erste ist der braune Kasten oben, das zweite das mit dem kleinen Bild.

Insbesondere beim zweiten gibt es jedoch mit dem Internet Explorer unter Windows eine total falsche Darstellung. Grund: IE kann weder Transparenz bei PNGs (Dem Grafikformat des Bildes) richtig, noch die CSS-Eigenschaft "position:fixed". Dadurch sieht man außer dem Notizblock, Stift und rotem Kreuz bei dem Bild noch einen Hintergrund, was normal nicht der Fall wäre, zudem wird es unter den braunen Kasten gesetzt. Bei Opera, Firefox und allen anderen funktionierenden Browsern wird das Bild korrekt dargestellt und an die untere rechte Ecke "geklebt". Dort bleibt es auch beim scrollen.

  • position:fixed; - Feste Position
  • bottom:0px; - 0 Pixel vom unteren Rand des Fensters positionieren
  • right:0px; - 0 Pixel vom rechten Rand des Fensters positionieren
  • height:53px; width:55px; - Höhe und Breite des div-Elements (also der Ebene)

Siehe auch de.selfhtml.org: Positionierung mit CSS