Mozilla: Hintergrundbild wird nicht angezeigt

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

kann mir jemand sagen, was hier faul ist?

In einen Div-Container soll ein Hintergrundbild angezeigt werden, funktioniert jedoch nicht im Mozilla, im IE schon. Normalerweise ist der IE kein Maßstab, der zeigt ja nahezu alles an. Das zeigt mir aber nur, daß die Grafik vorhanden ist und daß der Link ebenfalls korrekt ist. Aber wo liegt dann der Fehler???

Hier ein Auszug aus der CSS-Datei:

#left {background-image:url(../images/sonstige/akktasten.jpg);
 background-attachment:fixed; background-repeat:no-repeat;
 background-color:#FFCC99; width:130px; float:left;}

Und hier der komplette Div-Container:

 Orchester 
[Willkommen!](index.php)
 [Geschichte](docs/geschichte.php)
[Mitglieder](docs/mitglieder.php)
[Programm](docs/programm.php)
[Galerie](docs/galerie.php)



 Aktuelles 
[Auftritte](docs/auftritte.php)
[Proben](docs/proben.php)
[Presse](docs/presse.php)


 Akkordeon 
[Instrument](docs/instrument.php)
[Humor](docs/humor.php)



 Interaktiv 
[Kontakt](docs/kontakt.php)
[Gästebuch](docs/gaestebuch.php)
[Puzzle](docs/puzzle.php)


<?php include("phpscript/counter.php");<br /> ?\>

Komplette Seite: http://www.akk-leo.de

Danke und Gruß,
Kerstin

#2

Moin , dein Beispiel funktioniert aber bei mir im Mozilla … welchen nimmst du denn.

Einzig und allein würde ich erstmal die URL Prüfen

{background-image:url(…/images/sonstige/akktasten.jpg);

oder ist es vielleicht
{background-image:url(images/sonstige/akktasten.jpg);

teste das doch mal

obs da überhaupt ein image gibt.

#3

Hallo Kerstin!

„Kerstin“ schrieb:

kann mir jemand sagen, was hier faul ist?

In einen Div-Container soll ein Hintergrundbild angezeigt
werden, funktioniert jedoch nicht im Mozilla, im IE schon.
Normalerweise ist der IE kein Maßstab, der zeigt ja nahezu
alles an. Das zeigt mir aber nur, daß die Grafik vorhanden ist
und daß der Link ebenfalls korrekt ist. Aber wo liegt dann der
Fehler???

Hier ein Auszug aus der CSS-Datei:

#left
{background-image:url(…/images/sonstige/akktasten.jpg);
background-attachment:fixed; background-repeat:no-repeat;
background-color:#FFCC99; width:130px; float:left;}

Probiere es mit:

#left {background-image:url(http://www.akk-leo.de/images/sonstige/akktasten.jpg);
 background-attachment:fixed; background-repeat:no-repeat;
 background-color:#FFCC99; width:130px; float:left;}

Lösche außerdem den Cache des Firefox:
„Extras“ -> „Private Daten löschen“

Gruss Oliver

#4

Hallo Oliver,

Probiere es mit:

#left
{background-image:url(http://www.akk-leo.de/images/sonstige/akktasten.jpg);
background-attachment:fixed; background-repeat:no-repeat;
background-color:#FFCC99; width:130px; float:left;}

Lösche außerdem den Cache des Firefox:
„Extras“ -> „Private Daten löschen“

hab jetzt die relative Adressierung in die absolute geändert, nur bringt das leider nichts.

Grüße,
Kerstin

#5

Moin , dein Beispiel funktioniert aber bei mir im Mozilla …
welchen nimmst du denn.

Hab den Mozilla 1.7.12

Bist Du sicher, daß wir von der gleichen Hintergrundgrafik sprechen? Es soll hinter dem Menü eine angezeigt werden, nicht im Titel.

Einzig und allein würde ich erstmal die URL Prüfen

{background-image:url(…/images/sonstige/akktasten.jpg);

oder ist es vielleicht
{background-image:url(images/sonstige/akktasten.jpg);
teste das doch mal

obs da überhaupt ein image gibt.

URL passt, sonst würde es ja auch im IE nicht funktionieren.

Kann es evtl. am Doctype liegen? Hab’s jetzt als HTML 4.01 Strict definiert. Sind da Hintergrundbilder erlaubt?

Grüße,
Kerstin

#6

Hallo Kerstin!

„Kerstin“ schrieb:

#left
{background-image:url(http://www.akk-leo.de/images/sonstige/akktasten.jpg);
background-attachment:fixed; background-repeat:no-repeat;
background-color:#FFCC99; width:130px; float:left;}

Teste mal mit:

background-attachment:auto;
background-attachment:scroll;
Oder entferne „background-attachment:fixed;“ komplett.

Warum benutzt Du eigentlich „background-attachment:fixed;“?

Gruss Oliver

1 Like
#7

Hallo Oliver,

Teste mal mit:

background-attachment:auto;
background-attachment:scroll;
Oder entferne „background-attachment:fixed;“ komplett.

Habs komplett entfernt, jetzt wird alles angezeigt, vielen Dank.

Warum benutzt Du eigentlich „background-attachment:fixed;“?

Das hab ich einfach von einer anderen Internetseite, die ich mal gemacht hatte, kopiert. Dort hatte ich es gebraucht, da der Hintergrund nicht mitscrollen sollte. Aber das brauch ich in diesem Fall ja gar nicht. Nicht drauf geachtet *uups*

Kerstin