Hintergründe positionieren

  • Hintergründe lassen sich weit flexibler einsetzen, als man vielleicht glauben mag. Es ist sogar möglich, einzelne Grafiken ganz gezielt auf einer Seite zu positionieren. Das klappt natürlich nur mit CSS. Beispielsweise wird mit dem folgenden <body>-Tag ein Hintergrundbild rechts unten positioniert und Größenänderungen des Browserfensters beeinflussen es nicht: <body style="background-image:url(bild.gif); background-repeat: no-repeat; background-position:bottom right"> Und statt rechts kann ein Bild ebenso links ("left") oder mittig ("center") ausgerichtet werden. Soll die Grafik links oben zu sehen sein, verwenden Sie: <body style="background-image:url(bild.gif); background-repeat: no-repeat; background-position: top left">