Background Image - Darstellungs- oder Userfehler

[Lukas Schaufler]

Hallo!

Bin gerade dabei mein 2tes CSS Projekt zu realisieren und ich hänge gerade mal wieder an einem Darstellungsproblem...

Ich möchte in meinem DIV mit der ID "navmain" einen kleinen Verlauf an der oberen Kante platzieren welchen ich mittels Background-Image in CSS definiert habe...

Leider wird dieser Verlauf nur im IE aber nicht im Firefox angezeigt - ich sehe wohl den Wald vor lauter Bäumen nicht mehr *g*...

Könnte wohl jemand von euch so nett sein und mir einen Wink mit dem Zaunpfahl geben *g*?!?

Anbei der dazugehörige CSS Schnipsel:

#navmain {
 background-image:url(Bilder/Schwarzer_Verlauf_Leiste_ob.gif);
 background-repeat:repeat-x;
 background-attachment:fixed;
 height:400px;
 overflow:auto;
 margin:0px;
 padding-left:10px;
 }

Anbei noch der Link zu der Online Version:
www.awc-vienna.com

Danke & Lg.

[Cheatah]

Hi,

Leider wird dieser Verlauf nur im IE aber nicht im Firefox angezeigt - ich sehe wohl den Wald vor lauter Bäumen nicht mehr *g*...

oder vor lauter Cache-Items. Nur geraten.

Cheatah

[Lukas Schaufler]

oder vor lauter Cache-Items. Nur geraten.

Hmm...danke für den Tipp aber meine F5 Taste ist die wohl am meisten abgenutzte Taste *g*...

Habe es aber noch versucht mit löschen des kompletten Caches - immer noch...der IE zeigt's und FF nicht!

[Cheatah]

Hi,

Hmm...danke für den Tipp aber meine F5 Taste ist die wohl am meisten abgenutzte Taste *g*...

auch in Verbindung mit der Strg-Taste?

Habe es aber noch versucht mit löschen des kompletten Caches - immer noch...der IE zeigt's und FF nicht!

Mein Mozilla zeigt es, Firefox habe ich nicht installiert. Was hat Deine Analyse ergeben?

Cheatah

[Lukas Schaufler]

Es hat mit dem Befehl "background-attachment:fixed;" zu tun, denn so bald ich den lösche zeigen's beide Browser an - jedoch bleibt das Bild dann im IE nicht an der Position und scrollt mit...

[Cheatah]

Hi,

Es hat mit dem Befehl

es gibt in CSS oder HTML keine Befehle.

"background-attachment:fixed;" zu tun,

Ich kann Deine Sicherheit nicht nachvollziehen. Du lieferst unterschiedlichen Clients unterschiedliche Codes aus - der W3C-Validator bemängelt eine defekte Flash-Einbindung, die ich nicht erhalte. Auf dieser Basis ist eine Analyse absolut unmöglich.

denn so bald ich den lösche zeigen's beide Browser an - jedoch bleibt das Bild dann im IE nicht an der Position und scrollt mit...

Warum bindest Du eigentlich eine Verzierung als <img>-Element, also als Inhalt ein?

Cheatah

[Lukas Schaufler]

Ich kann Deine Sicherheit nicht nachvollziehen. Du lieferst unterschiedlichen Clients unterschiedliche Codes aus - der W3C-Validator bemängelt eine defekte Flash-Einbindung, die ich nicht erhalte. Auf dieser Basis ist eine Analyse absolut unmöglich.

Diese Einbindung ist die von Macromedia empfohlene und auch in Selfhtml beschriebene Methode...
Die Validierte Methode ist mit einem zusätzlichen Mehraufwand verbunden welchen ich in naher Zukunft eingehen werde - danke!

Warum bindest Du eigentlich eine Verzierung als <img>-Element, also als Inhalt ein?

Weil der IE einen zusätzlichen transparenten Hintergrund häßlich rendert!

Danke & Lg.

[wahsaga]

hi,

Es hat mit dem Befehl "background-attachment:fixed;" zu tun, denn so bald ich den lösche zeigen's beide Browser an

background-attachment:fixed impliziert laut Spezifikation eine Ausrichtung der Position des Hintergrundbildes am Viewport, Zitat:

"background-position: [...]

If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') or scrolls along with the containing block ('scroll')."

Der Firefox hält sich an diese Vorgabe - und deshalb siehst du dein Hintergrundbild im Zweifelsfalle nicht, Zitat:

"Even if the image is fixed, it is still only visible when it is in the content, padding or border area of the element. Thus, unless the image is tiled ('background-repeat: repeat'), it may be invisible."

Du hast das Bild in x-Richtung wiederholen lassen, und ausgerichtet wird es mit den Defaultwerten für background-position (sofern du diese nicht noch überschrieben hast), und die sind 0% 0% - und beziehen sich jetzt, s.o., auf den Viewport.

• jedoch bleibt das Bild dann im IE nicht an der Position und scrollt mit...

Tja, da darf man ihm vermutlich noch nicht mal einen Vorwurf machen.

CSS 2.0 sagte zu background-attachment,

"User agents may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least for the HTML and BODY elements, since there is no way for an author to provide an image only for those browsers that support 'fixed'."

fixed als scroll zu interpretieren, macht er m.W. - und für html/body setzt er es ja korrekt um.

CSS 2.1 wird diesbezüglich noch etwas genauer,

"User agents that do not support 'fixed' backgrounds (for example due to limitations of the hardware platform) should ignore declarations with the keyword 'fixed'. For example:

body {
  background: white url(paper.png) scroll; /* for all UAs */
  background: white url(ledger.png) fixed; /* for UAs that do fixed backgrounds */
}"

Dieses Beispiel halte ich aber für redundant, denn scroll ist der Default - wenn ein UA, der fixed nicht versteht, es also ignoriert, dann sollte er auch ohne vorherige explizite Definition auf scroll zurückfalen.

gruß,
wahsaga

[Lukas Schaufler]

Du hast das Bild in x-Richtung wiederholen lassen, und ausgerichtet wird es mit den Defaultwerten für background-position (sofern du diese nicht noch überschrieben hast), und die sind 0% 0% - und beziehen sich jetzt, s.o., auf den Viewport.

Danke für die Info!

Lg.
Lukas