firefox zeigt kein Hintergrundbild aus der *.css Datei an

fantastix · 2005-11-28T22:34:03+00:00

Ich suche erfolglos nach einer Lösung meines Problems. Das ist meine Webseite, die mit Opera und IE richtigt funktioniert. Mit firefox wird dagegen kein Hintergrundbild (bei dem Menü) angezeigt. http://test.my-planeta.de Hier sind css, template und TypoScript, das ich verwende. http://test.my-planeta.de/temp/mozilla.css http://test.my-planeta.de/temp/template_1.html http://test.my-planeta.de/temp/ts.txt Ich würde mich sehr freuen, wenn mir jemand hilft, den Fehler zu finden und zu beheben. Ich habe mit HTML, CSS und Typo3 erst seit ein Paar Wochen angefangen und habe damit ständig Probleme. :o

fantastix · 29. November 2005 12:37

Danke für den Rat. Bei dem Problem mit Hintergrundbild hilft es leider nicht weiter.

6uellerBelästigungspanda · 29. November 2005 12:52

meinst du das Hintergrundbild beim Menü ?!!
Wenn ja zeig mal deinen CSS-Code bitte

just2b · 29. November 2005 12:55

6uellerBelästigungspanda schrieb
meinst du das Hintergrundbild beim Menü ?!!
Wenn ja zeig mal deinen CSS-Code bitte

siehe ausgangsthread!

6uellerBelästigungspanda · 29. November 2005 13:16

siehe ausgangsthread!

stimmt hast recht...vielleicht erst mal alles genau durchlesen und dann schreiben 🙂

6uellerBelästigungspanda · 29. November 2005 13:28

bitte ändere deinen css-code mal auf folgendes und probiers nochmal

.menu-background {
width: 186px;
background-image: url('../images/blueback.gif');
background-repeat: repeat-y;
}

fantastix · 29. November 2005 18:44

6uellerBelästigungspanda schrieb
bitte ändere deinen css-code mal auf folgendes und probiers nochmal

Danke für die Antwort, es hat allerdings nichts gebracht. #paralyzed#

6uellerBelästigungspanda · 30. November 2005 08:04

zeigt er das Hintergrundbild im Menü auch an wenn du mal versuchst die Menüpunkte probeweise zu entfernen ?! -> sprich einfach nur das Hintergrundbild

wenn ja probiers mal mit z-index einstellungen bei den einzelnen divs.

db · 30. November 2005 10:21

.menu-background {
width: 186px;
background-image: url('../images/blueback.gif');
background-repeat: repeat-y;
}

Die Hintergrundgrafik kann nicht gefunden werden. Für alle anderen Grafiken hast Du im Stylesheet einen anderen Pfad angegeben. Ändere also bitte:

background-image: url('images/blueback.gif');

und es sollte gehen.

Grüße

fantastix · 30. November 2005 11:55

db schrieb
.menu-background {
width: 186px;
background-image: url('../images/blueback.gif');
background-repeat: repeat-y;
}
Die Hintergrundgrafik kann nicht gefunden werden. Für alle anderen Grafiken hast Du im Stylesheet einen anderen Pfad angegeben. Ändere also bitte:
background-image: url('images/blueback.gif');
und es sollte gehen.

Grüße

sollte, geht leider nicht. Außerdem war der Pfad korrekt. Ich habe ihn geändert, weil 6uellerBelästigungspanda es als mögliche Lösung vorgeschlagen hat.

theo · 1. Dezember 2005 10:09

Verwende

background: url...

anstatt

background-image: url...

fantastix · 1. Dezember 2005 10:16

theo schrieb
Verwende
background: url...
anstatt
background-image: url...

hilft nicht...

theo · 1. Dezember 2005 10:24

fantastix schrieb
hilft nicht...

Dann liegt´s definitiv an irgendetwas ganz anderem.
Vielleicht liegt ja ein anderes div mit Hintergrundfarbe dadrüber oder was weiß ich...

An dieser Stelle hier brauchst Du jedoch nicht weiterzuforschen.

fantastix · 1. Dezember 2005 12:08

Ich habe das Problem gelöst, indem ich es so umgeschrieben habe:

<td id="menu_1">

+

TD#menu_1 {	
	width: 186px;	
	background-image: url(images/blueback.gif);
	background-repeat: repeat-y;
	
}

statt

 <div class="menu-background">###menu_1###</div>

+

  .menu-background {
width: 186px;
background-image: url('images/blueback.gif');
background-repeat: repeat-y;
}

Ich danke euch für eure Mühe.