Hallo,
in einer neuen Website sind im Head vom Template folgende "Conditional Comments" drin (als HTML):
<link rel="stylesheet" media="all" type="text/css" href="css/central.css" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/central_ie.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="css/central_ie6.css" />
<![endif]-->
Also bei IE und/oder IE6 werden je nach Bedarf noch zwei CSS - Dateien dazugeschaltet.
Funktioniert alles sehr gut, alles durchgetestet - jetzt muss es nur noch in Typo3 eingebaut werden :o
Wie bindet man sowas per TypoScript am Besten ein?
Danke!
Oha, das ist schon sehr oft gefragt worden...
page.headerData.10 = TEXT
page.headerData {
10 {
value (
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/central_ie.css" />
<![endif]-->
)
}
}
page.headerData.11 = TEXT
page.headerData {
11 {
value (
<!--[if IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="css/central_ie6.css" />
<![endif]-->
)
}
}
page.stylesheet = fileadmin/css/style.css
[browser = msie] && [version =< 7.0]
page.stylesheet = fileadmin/css/main_ie6.css
[END]
[browser = msie] && [version => 6.9]
page.stylesheet = fileadmin/css/main_ie7.css
[END]
[browser = opera]
page.stylesheet = fileadmin/css/main_opera.css
[END]
[useragent=*Safari*]
page.stylesheet = fileadmin/css/main_safari.css
[END]
Vielen Dank für die super-schnellen Antworten! Klappt alles!
Ich hab zuerst die Methode von SLang eingebaut, und dann noch ein extra CSS file für Opera 9 mit der Methode von wunschtacho.