Hintergrund Contain im FF

[Onkel Otto]

Hallo Forum,

habe auf einigen Seiten ein Hintergrundbild eingefügt mit folgender CSS-Regel:
<style type="text/css">
html {
background-image: url(images/html_bg_sb.jpg);
   background-position: bottom left;
background-size: contain;
background-color: #f0dcb3;
}
</style>

Das HG-Bild ist nicht flächenfüllend, was mit der background-color: abgefangen wird.

Das klappt auch alles bestens. Nur ist es manchmal im FF so, das rechts vom Bild eine Linie entsteht. Das kann gleich beim Laden der Seite passieren, aber auch wenn man das Browserfenster vergrössert oder verkleinert.

Tritt aber nur beim FF auf. Opera, Chrome und Safari stellen das fehlerfrei dar.

Betriebssystem MAC OS 10.8.5
FF 29.0.1
Opera 18.0
Chrome 35.0.1916.153
Safari 6.1

Die Seiten zum Schauen/Testen:
http://shamanic-work.de/was_ist_schamanisums.html
http://shamanic-work.de/termine.html
http://shamanic-work.de/inarbeit.html

Hat jemand einen Plan woran das liegt und wie man das ggfs. abstellen kann?

Grüße,
der Onkel

[Gunnar Bittersmann]

@@Onkel Otto:

nuqneH

Hat jemand einen Plan woran das liegt

Bud im Firefox. Hast du ihn schon gemeldet?

und wie man das ggfs. abstellen kann?

Hintergrundfarbe in eigener Ebene:

html  
{  
  background: url(…) left bottom no-repeat #ecd29f; /* Fallback */  
  background-size: contain;  
  background: url(…) left bottom / contain no-repeat, #ecd29f;  
}

Qapla'

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

Bud im Firefox.

Mit anderen Worten: Go home, Firefox, you’re drunk.

Qapla'

[Der Martin]

Hallo,

Bud im Firefox.
Mit anderen Worten: Go home, Firefox, you’re drunk.

oh, ja, sowas gibt's ja auch noch. :-)
Ich dachte erst an bud wie pal oder friend. Hätte aber nicht _den_ Wortwitz gehabt.

Ciao,
 Martin

[Onkel Otto]

Bud im Firefox. Hast du ihn schon gemeldet?

Nein, wo kan man das tun?

background: url(…) left bottom / contain no-repeat, #ecd29f;

Ist das ein Hack für den FF, ich dachte das Slashes in der CSS Regel nichts zu suchen haben.
Und das Komma definiert dann quasi die von Dir erwähnte eigene Ebene?

Gruß,
der Onkel

[Gunnar Bittersmann]

@@Onkel Otto:

nuqneH

Bud im Firefox. Hast du ihn schon gemeldet?
Nein, wo kan man das tun?

https://bugzilla.mozilla.org/

background: url(…) left bottom / contain no-repeat, #ecd29f;

Ist das ein Hack für den FF, ich dachte das Slashes in der CSS Regel nichts zu suchen haben.

Nein, das ist die Syntax für die background-Eigenschaft (für moderne Browser, die das verstehen).

Und das Komma definiert dann quasi die von Dir erwähnte eigene Ebene?

Ja, siehe ibid. und Layering Multiple Background Images.

Qapla'