Probs mit Firefox

[Ingo Dehne]

Hallo,

ich habe zu einer HTML-Datei eine externe CSS-Datei definiert.
Der Aufruf erfolgt über
<link rel="stylesheet" type="text/css" href="../_css/loknav_prod.css">

In der CSS-Datei wird u.a. folgendes definiert:
body {background-color:white; color:black; font-family:Arial, sans-serif; margin-left:3px;}
.einpfeil {background-image:url(../_navipic/singarr2.gif); text-align:right; width:9px;}

Der Aufruf in der HTML-Datei sieht wie folgt aus:

<tr>
<td class="einpfeil"></td>
<td style="width:147px; background-color:#e8e8e8;"><a href="_index.htm" class="klein" target="_parent">TextText</a></td>
</tr>

Opera und IE interpretieren die Daten so wie ich es mir vorstelle. Vor dem "TextText" steht ein kleiner Pfeil (singarr2.gif).
Firefox scheint dagegen alle Einstellungen der CSS-Datei zu ignorieren. Die Schriftformatierung wird nicht übernommen, der Pfeil ist nicht zu sehen.

Was kann das sein?

Gruß

Ingo Dehne

[Zeromancer]

Hallo Ingo,

<tr>
<td class="einpfeil"></td>

schon mal versucht die Zelle mit Inhalt zu füllen? Meist reicht schon ein geschütztes Leerzeichen (&nbsp;)

Mit freundlichen Grüßen

André

[Ingo Dehne]

schon mal versucht die Zelle mit Inhalt zu füllen? Meist reicht schon ein geschütztes Leerzeichen (&nbsp;)

Klar, hat leider nichts genützt.
Firefox schein die gesamte CSS-Datei zu ignorieren.

Gruß

Ingo Dehne

[Zeromancer]

Hallo,

Klar, hat leider nichts genützt.
Firefox schein die gesamte CSS-Datei zu ignorieren.

dann muss man wohl die gesamten Dateien mal ansehen?! Kann man das online?

Mit freundlichen Grüßen

André

[Ingo Dehne]

dann muss man wohl die gesamten Dateien mal ansehen?! Kann man das online?

Schau mal unter

http://www.masterflex.de/de/produktkatalog/Katalog/Register_01/_index.htm

Dort kannst Du Dir den Effekt ansehen.
Der obere und rechte Frame werden korrekt dargestellt. Nur der linke Frame mit dem Menü stimmt nicht.
Opera und IE zeigen es dagegen korrekt an.

Hier noch die komplette CSS-Datei:

a.sitemap {color:#003399; text-decoration:none; font-size:6pt;}
a.top {color:#003399; font-size:11px; font-weight:bold; text-decoration:none;}
a.mittel {color:#003399; font-size:11px; text-decoration:none; font-size:11px; font-weight:bold;}
a.klein {color:#003399; font-size:11px; text-decoration:none;}
a:visited {color:#003399; text-decoration:none;}
a:hover {color:#003399; text-decoration:underline;}
a.sitemap:visited (color:#003399; text-decoration:none; font-size:6pt;}
a.sitemap:hover {color:#003399; text-decoration:none; font-size:6pt;}
a.mittel:visited {color:#003399; font-size:11px; text-decoration:none;}
a.mittel:hover {color:#003399; font-size:11px; text-decoration:underline; font-size:11px; font-weight:bold;}
body {background-color:white; color:black; font-family:Arial, sans-serif; margin-left:3px;}
*.einpfeil {background-image:url(../_navipic/singarr2.gif); text-align:right; width:9px;}
*.linie {background-image:url(../_navipic/linie.gif); text-align:right; width:8px; background-repeat:repeat-y;}
*.impressum {background-image:url(../_navipic/gruen_s.gif); background-repeat:repeat-y; margin-left:15px; margin-top:20px;}
*.menu {width:155px; height:20px; background-image:url(../_navipic/bgloknav2.gif); background-repeat:repeat-x; background-position:top;}

Gruß

Ingo Dehne

[Zeromancer]

Hallo Ingo,

bin mir nicht sicher, aber liegt es an:

*.uebersicht {font-size:8pt; text-decoration:none;}
*.suchbegriffe {color:white; background-color:white;}
*.uebersicht1 {font-size: 10pt;)

in deiner CSS-Datei?

Mit freundlichen Grüßen

André

[wahsaga]

hi,

http://www.masterflex.de/de/produktkatalog/Katalog/Register_01/_index.htm

</faq/#Q-19>, danke.

Dort kannst Du Dir den Effekt ansehen.
Der obere und rechte Frame werden korrekt dargestellt. Nur der linke Frame mit dem Menü stimmt nicht.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.masterflex.de%2Fde%2Fproduktkatalog%2FKatalog%2F_css%2Floknav_prod.css&warning=1&profile=css2&usermedium=all

die runde klammer in zeile 6 müsste wohl eine geschweifte sein.

gruß,
wahsaga

[Ingo Dehne]

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.masterflex.de%2Fde%2Fproduktkatalog%2FKatalog%2F_css%2Floknav_prod.css&warning=1&profile=css2&usermedium=all

die runde klammer in zeile 6 müsste wohl eine geschweifte sein.

Hey, Super!

Das war's schon.
Vielen Dank für Eure Hilfe.
Interessant, daß Firefox da so empfindlich ist. Ist aber auch gut so, so ist man gezwungen sauber zu arbeiten.

Gruß

Ingo Dehne

[Auge]

Hallo

Interessant, daß Firefox da so empfindlich ist. Ist aber auch gut so, so ist man gezwungen sauber zu arbeiten.

Genau deshalb wurde die zugrundeliegende Engine (Gecko) so programmiert. :-)

Tschö, Auge

[wahsaga]

hi,

Firefox schein die gesamte CSS-Datei zu ignorieren.

wird sie denn vom testserver mit dem korrekten Content-type header (text/css) ausgeliefert?

gruß,
wahsaga