Hier geht es um Lösungen ohne Einsatz von JavaScript. Zunächst bindet man das Hintergrundbild per CSS in die Seite ein:

background: url(bg.jpg) no-repeat center center fixed;

Dadurch wird das Bild in allem Browsern (einschl. IE6) als feststehender mittig zentrierter Hintergrund eingebunden. Wenn man davon ausgeht, dass ein Browserfenster in der Regel nicht größer als 1900 x 1200 px ist, ist man auf der sicheren Seite, wenn man das Bild in den entsprechenden Maßen zur Verfügung stellt. Ist das Fenster kleiner, ist nur ein Ausschnitt des Bildes zu sehen. Dieser Absatz funktioniert in allen Browsern. Das im Beispiel verwendete Bild ist 1920 x 1200 pixel groß: Weiterlesen →