Zum Inhalt springen

CSS Browserweiche (Opera, Firefox, IE)

Erstellt am 18. Dezember 2006 · 5 Antworten · letzte Antwort am 21. Dezember 2006

Tags: Frage

frank wutz ·

Hallo,

Ich möchte gerne eine Browserweiche in Typoscript realisieren. Leider klappt das nur beim Firefox und IE und nicht beim Opera.

page {
headerData.20 = TEXT
headerData.20.value (

<link href="fileadmin/style.css" rel="stylesheet" type="text/css" />

<!--[if gte IE 6.0]>
<link href="fileadmin/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if lt IE 6]>
<link href="fileadmin/ie_old.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if gte IE 7.0]>
<link href="fileadmin/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if opera]>
<link href="fileadmin/opera.css" rel="stylesheet" type="text/css" />
<![endif]-->

)
}

Kennt vielleicht jemand eine Möglichkeit für den Opera. Wäre für jeden Tip dankbar.

Schönen Gruss,
Frank

ttb ·

Zuerst einmal Wozu für alle Browser unterschiedliche Stylesheet-Dateien? Wäre es nicht einfacher, von vornherein richtiges CSS (mit entsprechenden Hacks) und entsprechendes HTML zu schreiben? Denn wenn man das macht, kann man sich die Browserweiche sparen!

Zu deiner Frage: Schau mal auf http://der-link.de/wp/index.php?p=145 vorbei.

einpraegsam.​net ·
ttb schrieb

Zuerst einmal Wozu für alle Browser unterschiedliche Stylesheet-Dateien? Wäre es nicht einfacher, von vornherein richtiges CSS (mit entsprechenden Hacks) und entsprechendes HTML zu schreiben? Denn wenn man das macht, kann man sich die Browserweiche sparen!

Kann ich absolut nicht zustimmen, Hacks zu verwenden ist eine Quick 'n Dirty Lösung, die man nicht wählen sollte. Sind auch wieder davon abgekommen.

Per Conditions kannst du einfach andere Stylesheets zuweisen.

toyde ·

Jein, stimme beiden zu. 3-5 Stylesheets bei strukturell wachsenden Seiten sind für den Webmaster nicht wirklich sinnvoll. Aber das muss man denke ich anhand vom individuellen Projekt selbst abschätzen.

Zur Frage: Wie erwähnt, fütter die Suchfunktion mit "browserweiche" und wirf einen Blick hier rein:
» https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Conditions/Index.html
Zum Opera generell: man kann clientseitig den Opera als anderen Browser ausgeben lassen. Das ist einer der Punkte bei dem eine Browserweiche nicht die Bestwahl darstellt.

grüsse

frank wutz ·

Hallo,

Habe das, so wie ich das mit den Conditions
verstanden habe, umgestrickt.
Leider klappt das nicht wirklich. :-(

[browser= msie] && [version =5]
page.headerData.10.value = <link rel="stylesheet" href="fileadmin/ie_old.css" type="text/css">
[global]

[browser= msie] && [version =6]
page.headerData.10.value = <link rel="stylesheet" href="fileadmin/ie6.css" type="text/css">
[global]

[browser= msie] && [version =7]
page.headerData.10.value = <link rel="stylesheet" href="fileadmin/ie7.css" type="text/css">
[global]

[browser= opera]
page.headerData.10.value = <link rel="stylesheet" href="fileadmin/opera.css" type="text/css">
[global]

[browser= unknown]
page.headerData.10.value = <link rel="stylesheet" href="fileadmin/style.css" type="text/css">
[global]

Schönen Gruss,
Frank

einpraegsam.​net ·
page.stylesheet = fileadmin/wunschtacho/css/style.css
[browser = msie] && [version =< 7.0]
page.stylesheet = fileadmin/wunschtacho/css/style_ie6.css
[END]
[browser = msie] && [version => 6.9]
page.stylesheet = fileadmin/wunschtacho/css/style_ie7.css
[END]

so in etwa...