Zum Inhalt springen

Browserweiche CSS wird nicht geladen

Erstellt am 4. April 2008 · 8 Antworten · letzte Antwort am 25. Juni 2008

Tags: Frage

HH ·

Hallo,
ich weiß das thema war scon 100mal dran, trotzdem, mach jetzt schon einige zeit rum,
wieso wird bei mir die css datei nicht geladen?
das hier steht im ts

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

#muss raus
page.config.no_cache = 1 
######

# Link CSS und Else-Browser
page.includeCSS.file1 = fileadmin/css/basic.css
page.includeCSS.file2 = fileadmin/css/basic_print.css
#page.includeCSS.file5 = fileadmincss/typostyles.css

# IE 7
[browser = msie] && [version = 7]
page.includeCSS.file3 = fileadmin/templates/css/basic_ie7.css
page.includeCSS.file4 = fileadmin/templates/css/basic_ie7_print.css
[global]

# IE <7
[browser = msie] && [version= <6]
page.includeCSS.file3 = fileadmin/css/basic_ie.css
page.includeCSS.file4 = fileadmin/css/basic_ie_print.css
[global]

hab ich was vergessen?
danke
Harald

SLAng ·

Welche CSS wird denn nicht geladen?

Erste:
fileadmin/css/basic.css
fileadmin/css/basic_print.css
fileadmincss/typostyles.css

wird geladen wenn z.B. Firefox der Browser ist

Zweite
fileadmin/templates/css/basic_ie7.css
fileadmin/templates/css/basic_ie7_print.css
wird ebenfalls geladen wenn Firefox der Browser ist und wenn IE 7 zutrifft, da du unterschiedliche Nummern verwendet hast

Dritte wird nur dann geladen wenn IE 5 zutrifft ( weil <6) obwohl du in deinem Kommentar <7 schreibst???

Ich denke aber das du doch die Fileas beim entsprechenden Browser ersetzen willst, oder?

also:

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
 
#muss raus
page.config.no_cache = 1
######
 
# Link CSS und Else-Browser
page.includeCSS.file1 = fileadmin/css/basic.css
page.includeCSS.file2 = fileadmin/css/basic_print.css
page.includeCSS.file5 = fileadmincss/typostyles.css
 
# IE 7
[browser = msie] && [version = 7]
page.includeCSS.file1 = fileadmin/templates/css/basic_ie7.css
page.includeCSS.file2 = fileadmin/templates/css/basic_ie7_print.css
[global]
 
# IE <7
[browser = msie] && [version= <6]
page.includeCSS.file1 = fileadmin/css/basic_ie.css
page.includeCSS.file2 = fileadmin/css/basic_ie_print.css
[global]

Das heißt die Files werden dann geladen und ersetzt wenn IE 7 oder IE <6 (also 5) vorliegt.
Conditions dürfen nicht in geschweiften klammern stehen. Das auch mal kontrollieren.

HH ·

Vielen, Vielen Dank für deine ausführliche Antwort.
Eine Frage wenn ich auf diese Art die Stylsheets einbinde

page.includeCSS.file1 = fileadmin/css/basic.css

Müsste ich die dann nicht auch im Quelltext sehen?

Ich hab das ganze jetzt so umgeändert wie du das empfohlen hast, ist natürlich richtig, die Styles für den IE müssen auch file1 und file2 sein, sollen ja die des Firefox ersetzen.

Die Seite basiert insgesamt auf einem CSS Layout. Selbst wenn ich im Quellcode nur

#
# Link CSS und Else-Browser
#
page.includeCSS.file1 = fileadmin/css/basic.css
#
page.includeCSS.file2 = fileadmin/css/basic_print.css
#
page.includeCSS.file5 = fileadmincss/typostyles.css

Stehn hab, wird die Seite nicht korrekt angezeigt, das hast die Styles wohl offensichtlich nicht geladen.
Wo steckt denn da noch der Fehler drin?
Muss ich im TV Template noch irgendwelche Headerelemente anklicken? Eigentlich doch nicht...
Danke

HH ·

Hab den Fehler gefunden,
der Pfad zur Stylesheetsdatei hat nicht gestimmt.
So ists richtig

fileadmin/templates/css/basic.css

#angry# #angry# #angry#

Trotzdem danke noch mal

vergissberlin ·

Mal ne einfache Frage:
Das binde ich im Main Template bei Config ein oder?
Bei der Analyse des Typoscript meckert er nämlich bei der Browserweiche
bzw. es wird dunkelrot angezeigt. Genauso wie das Global

## CSS Brwoserweiche

# Link CSS und Else-Browser
page.includeCSS.file1 = fileadmin/templates/lindazimmler/css/linda.css
page.includeCSS.file2 = fileadmin/templates/lindazimmler/css/linda_print.css
page.includeCSS.file5 = fileadmincss/typostyles.css

# IE <7
[browser = msie] && [version= <6]
page.includeCSS.file1 = fileadmin/templates/lindazimmler/css/linda_ie6.css
page.includeCSS.file2 = fileadmin/templates/lindazimmler/css/linda_ie6_print.css
[global]

Andre

vergissberlin ·

Also ist der Ort des Einbindens der richtige?

Eine CSS wird ja auch eingebunden.
Wenn ich mit dem IE6 raufsurfe wird allerdings immer noch die standard CSS
eingebunden. Die Weiche scheint also nicht zu funktionieren?

Es heißt doch =< (KLEINER GLEICH) 6

Bei KLEINER GLEICH 7 gehts. Him.
Daraus schließe ich das dort was anderes steht.

version= <7

Bedeutet also wenn die Version KLEINER 7.
Ok. Alles kapiert.
In dem Zusammenhang noch ein kleiner Tipp für alle die das selbe Problem haben:

page.includeCSS.file2.title = Druckansicht in hohem Kontrast
page.includeCSS.file2.media = print

gibt den MEDIA Typ der CSS an.

SLAng ·

Ich glaube letzteres war schon bekannt ;-)

Du musst in jedem Fall drauf achten, dass deine Conditions nicht in geschweiften Klammern stehn, denn dann werden die nicht funktionieren.

Versuchs mal mit [version = < 7.0]