background: fixed

[Cyberbird]

Hi!

Ich habe folgendes Problem:
Ich habe eine Seite erstellt, in der der Inhalt in einem div scrollt. Dieses div hat ein Hintergrundbild, das beim scrollen an seiner Position bleibt.
Hier findet ihr die Seite
Im IE funktioniert es, im Firefox nicht. Warum?
Das hier ist der relevante Teil des stylesheets:

div.content {
	width: 546px;
	height: 369px;
	background-image: url(../grafiken/content_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: auto;
	padding: 10px 0px 10px 0px;
	text-align: left;
}

Kann mir vielleicht jemand helfen?
Cyberbird

 

[Layna]

Könnte das gleiche Phänomen sein dass mich von den Div's vertrieben hat...
Meine Erfahrung nach etwas herumprobieren:
Im Firefox wird der Hintergrund des <div> relativ zum Fensters, NICHT zum eigentlichen div ausgerichtet.
Versuch mal die background-position mit festen Werten zu belegen. Mich hat es aufgrund meines etwas anderen Problemes nicht weiter gebracht, aber für deine Seite könnte es die Lösung sein

Ciao
Larayna

PS: wenn der IE dann wieder falsch anzeigt.. weiss ich auch nicht weiter.

 

[Fabian H]

Einfach die background-position Eigenschaft in folgenden Block einbauen:

body > div.content {
  background-position: 123px 456px;
}

Dann interpretiert es nur der Firefox und Opera.

Was der Opera allerdings dann mit dem Hintergrund macht, weiss ich leider nicht.