Zum Inhalt springen

firefox zeigt kein Hintergrundbild aus der *.css Datei an

Erstellt am 28. November 2005 · 14 Antworten · letzte Antwort am 1. Dezember 2005

Tags: HTML & CSS, Frage

fantastix ·

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

Michimann ·

Hi,

wenn Du den Firefox benutzt, dann installiere doch ein paar nützliche Plugins:

WebDeveloper
HTML Validator
und
EditCSS

Diese Tools helfen hervorragend bei der Analyse deiner Seiten.

Ich habe damit zum Beispiel folgendes festgestellt:
Zeile 52 Zeichen 7 - Warnung: missing </a> before </td>
Zeile 104 Zeichen 28 - Warnung: discarding unexpected <body>
Zeile 45 Zeichen 17 - Warnung: missing </table>

0 Fehler / 3 Warnungen

Allerdings habe ich nicht verifiziert, ab es das Problem im eigentlichen verursacht hat.

Gruß
Michael

just2b ·
6uellerBelästigungspanda schrieb

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

siehe ausgangsthread!

fantastix ·
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 ·

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 ·
.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 ·
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 ·
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 ·

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.