Zum Inhalt springen

Mag Firefox includeCSS nicht?

Erstellt am 9. Dezember 2005 · 8 Antworten · letzte Antwort am 23. Juli 2008

Tags: HTML & CSS, Frage

FalkWalter ·

Servus,

überraschenderweise habe ich ein Problem mit Firefox 1.0 und 1.5, das bei MSIE 6 nicht auftaucht: Firefox interpretiert bei mir nur die erste CSS-Datei, obwohl im HTML-Code folgendes erscheint:

<link rel="stylesheet" type="text/css" href="fileadmin/css/stylesGeneral.css" title="General styles" media="screen, print" />
<link rel="stylesheet" type="text/css" href="fileadmin/css/stylesExtensions.css" title="Extension styles" media="screen, print" />

Der dazugehörige TS-Code sieht wie folgt aus:

mainScreen-Schnipsel (gleich in mainPrint):

page = PAGE
page {
#...
includeCSS < lib.cssStyles.10
#...
}

cssStyles:

#Builds lib for CSS files

lib.cssStyles = COA
#General Styles for all applications
lib.cssStyles.10.file1 = fileadmin/css/stylesGeneral.css
lib.cssStyles.10.file1.title = General styles
lib.cssStyles.10.file1.media = screen, print


#Styles for Extensions
lib.cssStyles.10.file2 = fileadmin/css/stylesExtensions.css
lib.cssStyles.10.file2.title = Extension styles
lib.cssStyles.10.file2.media = screen, print

#General Styles for all applications, adding Microsoft Internet Explorer Hacks
[browser = msie]
  lib.cssStyles.10.file3 = fileadmin/css/stylesGeneralIE.css
  lib.cssStyles.10.file3.title = General styles changed for Microsoft Internet Explorer
  lib.cssStyles.10.file3.media = screen, print
[global]


[globalString = ENV:REQUEST_URI = *&type=98]
#Styles for Print output
lib.cssStyles.10.file10 = fileadmin/css/stylesPrint.css
lib.cssStyles.10.file10.title = Styles for print
lib.cssStyles.10.file10.media = print, screen

#Styles for Print output on screen
lib.cssStyles.10.file11 = fileadmin/css/stylesPrintPreview.css
lib.cssStyles.10.file11.title = Styles for print preview on screen
lib.cssStyles.10.file11.media = screen
[global]

Folgendes habe ich schon probiert:

  • Pfad verkürzt (fileadmin/css/Extensions.css)

  • Leerzeichen gecheckt

  • Richtigschreibung gecheckt

  • ...

Das Merkwürdige daran ist, dass es beim Microsoft Internet Explorer tadellos funktioniert und bislang anscheinend noch niemand Probleme mit der Kombination Firefox + page.includeCSS hatte...
Könnte es auch an einer stringenten Firewall in meinem Betrieb liegen?

Grüßle
Falk

steffenk ·

ich kann Dir nur aus eigener Erfahrng sagen, das FireFox sehr wohl mehrere CSS-Dateien akzeptiert, ich binde sie auch über includeCSS ein.
Ich gehe eigentlich eher von fehlerhaften Firefoxbrowsern aus ...

FalkWalter ·

Hallo, Steffen,

Du meintest wahrscheinlich fehlerhaften CSS... Aber das kann fast auch nicht sein, da die Seiten korrekt angezeigt werden, wenn ich die CSS in eine (riesige, unhandliche, hässliche) CSS-Datei schreibe.

Natürlich könnte ich auch etwas Logik in die CSS schreiben (@import), aber das wäre nicht so geschickt. Schließlich sollte möglichst viel Logik bei TS belassen bleiben (Pflege).

Grüßle
Falk

steffenk ·

Hi Falk,

was ich zum Ausdruck bringen wollte - es kann kein Fehler vom Firefox sein, da (nicht nur) bei mir alles wunderbar läuft.

Irgendwie habe ich Probleme, eine Ursache Deines Effektes zu sehen. Du sagst, im Quelltext der Seite stehen dann auch mehrere CSS-Dateien drin, aber der Firefox lädt sie nicht ? Hast Du vielleicht einen Link, das man das mal sehen kann ?

vg Steffen

steffenk ·

also der Firefox lädt auch beide Stylesheets.

Wenn Du Dir die WebDeveloperToolbar installierst, siehst Du es.
Ein Problem ist, das der Server tierisch lahm ist - dadurch dauert es einfach zu lange und Firefox zeigt schonmal die Seite an ohne sie komplett geladen zu haben.
Was ist das denn für ein Server ?

FalkWalter ·

Hallo, Steffen!!!

Vielen Dank für Deine Schnellanalyse. Der Server ist wirklich sehr langsam, aber das scheint nun doch nicht das Problem zu sein.

Ich habe die Seite lokal auf meinen Rechner geladen (und zur Vorsicht alle Caches geleert). Und die zweite CSS wurde trotzdem nicht geladen. An der Servergeschwindigkeit kann es dann also nicht (alleine) liegen.

Wenn ich dann den CSS-Pfad im Windows Explorer eingebe, öffnet sich auch brav die CSS.

Bisher habe ich dieses Zeichen noch nicht benutzt, aber mir ist grad wirklich danach: #angry#

Kannst Du mir sonst noch nen Tipp geben, warum der sonst so brave Firefox mir hier einen Strich durch die Rechnung macht?

Grüßle
Falk

FalkWalter ·

Servus,

die Lösung ist gefunden: Firefox mag das title-Attribut nicht!

includeCSS.cssStyles.10.file1.title = General styles

Grüßle
Falk