Lur: unterschiedliches Verhalten bei background-position

Moin,

Ich habe ein Hintergrundbild im body mit background-position: 50% 0%;
Wenn ich nun das Browserfenster schmaler ziehe, als der Seiteninhalt breit is, dann kommt es in IE/Safari auf der einen und Firefox/Opera auf der anderen Seite zu unterschiedlichem Verhalten:

IE/Safari zeigen das Bild in der Mitte des Seiteninhaltes (also des kompletten scrollbaren Bereiches), wohingegen Firefox/Opera das Bild in der Mitte des Viewports anzeigen.

Wenn ich zusätzlich background-attachment:fixed; hinzufüge, dann verhalten sich auch IE/Safari wie Firefox/Opera ... d.h. in diesem Fall verhalten sich alle Browser gleich.

Ich brauche jedoch genau das andere Verhalten: Wie kriege ich es hin, dass in allen Browsern das Bild mittig zum Seiteninhalt positioniert wird ... gibt es da eine Lösung ?

Dank und Gruß,
Lur

  1. Hi,
    habe gerade auch eine Frage gepostet (siehe oben: Verschobene Bilder in Firefox). Auf der betreffenden Seite ist alles zentriert und meine Methode scheint ganz gut zu funktionieren. Sieh Dir einfach mal die Seite an...
    Gruß, Martin