IE vs. FF (CSS)

[drischdi]

Hallo TP,

ein HG-Bild soll per CSS in ein DIV fixiert werden (damit sich das Bild nicht wiederholt) - funktioniert im IE wunderbar
siehe

Nur der FF verschiebt das Hintergrundbild nach links oben, oder wie er grade will - irgendwo is ein Fehler in meinem Code:

#main {
background-attachment: fixed;
background-image: url(pix/hg_mitte_blau_rennkal.jpg);
background-repeat: no-repeat;
}

...aber wo ?? oder ein Zusatz fürn Firefox ?

[hero-master]

Hi drischdi
du kannst das background-attachment:fiexed für das Hintergrundbild mit position:fixed bzw. position:absolute; für Blockelemente vergleichen:

Das Hintergrundbild orientiert sich an dem Browserrand und du musst es von dort an positionieren

[rewboss]

Ich sehe keinen Unterschied.

[Torsten]

Also ich habe das gestern mal getestet und der FF zeigt "backgroundimage" tatsächlcih falsch an.

Seht euch mal dieses Beispiel an: http://www.css4you.de/example/background-position.html

Ab Bsp. 2,3 & 4 zeigt der FF 1.5 definitiv falsch an

[rewboss]

Zitat von ART-D-SIGN

Seht euch mal dieses Beispiel an: http://www.css4you.de/example/background-position.html

Ab Bsp. 2,3 & 4 zeigt der FF 1.5 definitiv falsch an

Ja, weil der Code nicht stimmt.

Beispiel 2: background-position: 0px 0px (statt wie im Text angegeben 50px 20px).

Beispiele 3 und 4: Die Deklarationen sind illegal: Keywords dürfen nicht mit %- oder px-Angaben vermischt werden.

[Torsten]

Interessant, ist es dann überhaupt möglich innerhalb eines DIV-Conteiners ein Hintergrundbild rechts auszurichten und vertikal zu zentrieren?

[rewboss]

Ja natürlich. 100% 50%, oder einfach right (entspricht right center).

[Torsten]

*vordenkopfklatsch*

das background-attachment: fixed gehört da also garnicht rein, weil man das backgroundimage ja durch die Positionsangabe fixiert, richtig?

Weil immer wenn ich das fixed zusätzlich mit angab, zeigte der Fuchs kein Bild an...

[rewboss]

background-attachment: fixed soll dafür sorgen, dass das Hintergrundbild nicht mitgescrollt wird. Sonst wird das Bild zwar relative zum Viewport platziert, scrollt aber mit. Ich habe noch nie Probleme damit gehabt -- vielleicht hattest du einen Tippfehler im Code?

[Torsten]

Ich habe hier mal ein Beispiel: http://www.art-d-sign.com/dev/tp/background.html

Der IE zeigt das Hintergrundbild an, der FF weigert sich sowohl lokal als auch online

[Adromir]

komsich: Wenn ich dem ganzen ein background-attachement: scroll gebe, dann stellt der FF es so dar wie bei fixed..
Ich glaube, das muss irgendwie ein Bug sein, daß der FF damit nicht zurecht kommt, wenn man den Hintergrund irgendwie positioniert..

[Torsten]

Ausgerechnet unser Lieblingsbrowser soll bei so einer simplen Aufgabe scheitern, ich kann es nicht glauben...

[hero-master]

Zitat von ART-D-SIGN

Ausgerechnet unser Lieblingsbrowser soll bei so einer simplen Aufgabe scheitern, ich kann es nicht glauben...

Klar zeigt er es an, nur nicht da wo ihr es vermutet
wenn background-attachment:fixed angegeben wurde orientiert sich das Hintergrundbild am body
somit auch die Positionierung center right....

[Torsten]

Zitat von hero-master

Klar zeigt er es an, nur nicht da wo ihr es vermutet
wenn background-attachment:fixed angegeben wurde orientiert sich das Hintergrundbild am body
somit auch die Positionierung center right....

Die frage ist: Ist das so richtig?
Oder: Kann man mit Hilfe von CSS gar kein Hintergrundbild in DIV-Container so platzieren?

Fragen über Fragen, ausgehend von Treat-Ersteller

[hero-master]

Zitat von ART-D-SIGN

Oder: Kann man mit Hilfe von CSS gar kein Hintergrundbild in DIV-Container so platzieren?

Bislang nur im IE
background-attachment richtet sich am viewport aus und dieser ist nun mal der body-Tag. Das ist der Standart und vom w3c so angegeben