---
title: "Conditional CSS comments - wie mit Typo Script einbinden?"
url: "https://www.typo3.net/d/67931-conditional-css-comments-wie-mit-typo-script-einbinden"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2007-09-10"
last_reply: "2007-09-11"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Conditional CSS comments - wie mit Typo Script einbinden?

Allgemein · 3 Antworten · gestartet 2007-09-10

## Eröffnungsbeitrag

**nobbi** · 2007-09-10 · [Beitrag #1](https://www.typo3.net/d/67931-conditional-css-comments-wie-mit-typo-script-einbinden/1)

Hallo,

in einer neuen Website sind im Head vom Template folgende "Conditional Comments" drin (als HTML):

```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!

## Antworten

### [#2](https://www.typo3.net/d/67931-conditional-css-comments-wie-mit-typo-script-einbinden/2) · SLAng · 2007-09-10

Oha, das ist schon sehr oft gefragt worden...

```typoscript
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]-->
		)
	}
}
```

### [#3](https://www.typo3.net/d/67931-conditional-css-comments-wie-mit-typo-script-einbinden/3) · einpraegsam.​net · 2007-09-10

```typoscript
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]
```

### [#4](https://www.typo3.net/d/67931-conditional-css-comments-wie-mit-typo-script-einbinden/4) · nobbi · 2007-09-11

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.

---

Quelle: „Conditional CSS comments - wie mit Typo Script einbinden?“, typo3.net, https://www.typo3.net/d/67931-conditional-css-comments-wie-mit-typo-script-einbinden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.