Zum Inhalt springen

HowTo: Einbinden mehrerer CSS-Stylesheets für versch. Ausgabemedien

Erstellt am 13. August 2006 · Noch keine Antworten

Tags: HTML & CSS, Tipp

petewulf ·

Hallo Leute,

Da ich gerade selbst auf dieses Problem gestoßen bin mehrere Stylesheets pro Ausgabemedium (media="....") einzubinden will ich mal kurz meinen Lösungsansatz offenlegen:

#----------------[Ausgabemedium Screen]-----------#
page.includeCSS{
  file1 = fileadmin/templates/res/main_styles.css
  file1.media = screen
  file1.title = Screen_Stylesheet
    
  file2 = fileadmin/templates/res/rte_styles.css
  file2.media = screen
  file2.title = Screen_Stylesheet
  }

Hier werden z.b. 2 verschiedene Stylesheets für das Ausgabemedium Screen eingebunden, eine Generelle Css Datei und eine RTE-Css Datei. Um beide Dateien auch wirklich einheitlich anzusprechen ist es ganz wichtig, dass das Attribut

title = Titelname

bei beiden Stylesheets gleich ist, somit werden diese 2 Stylesheets als ein einziges behandelt.

Vergibt man verschiedene Namen, so wird jeweils nur das erste Stylesheet eingebunden.

Bei mehreren Medien verfährt man genau nach dem gleichen Stil - natürlich unter der Verwendung des richtigen Attributes

media=.....

Hoffe damit einigen Leuten mit denselben Problemen geholfen zu haben.

freundliche Grüße,
pete[/i]