---
title: "TS CSS Unterschied IE und FF"
url: "https://www.typo3.net/d/104100-ts-css-unterschied-ie-und-ff"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS"]
created: "2011-02-24"
last_reply: "2011-02-27"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# TS CSS Unterschied IE und FF

Frontend › Barrierefreiheit · 2 Antworten · gestartet 2011-02-24

## Eröffnungsbeitrag

**TomTB** · 2011-02-24 · [Beitrag #1](https://www.typo3.net/d/104100-ts-css-unterschied-ie-und-ff/1)

Hallo,
ich habe folgendes Typoscript.

Ich überschreibe mit den angegebenen size*.css Dateien den body-tag. Der IE checkt das, der FF nicht.

Woran könntest das liegen?

Gruß
Tom

```typoscript
page = PAGE
page.typeNum = 0

page.includeCSS.file1 = fileadmin/template/template.css
page.includeCSS.file1.title = Styles für die Bildschirmausgabe

[globalVar = GP:Fsize<1]
page.includeCSS.file2 = fileadmin/template/size0.css
page.includeCSS.file2.title = Font Size Step 1
page.includeCSS.file2.import = 1
[END]
 
[globalVar = GP:Fsize=1]
page.includeCSS.file2 = fileadmin/template/size1.css
page.includeCSS.file2.title = Font Size Step 2
page.includeCSS.file2.import = 1
[END]
 
[globalVar = GP:Fsize=2]
page.includeCSS.file2 = fileadmin/template/size2.css
page.includeCSS.file2.title = Font Size Step 3
page.includeCSS.file2.import = 1
[END]
```

## Antworten

### [#2](https://www.typo3.net/d/104100-ts-css-unterschied-ie-und-ff/2) · lisardo · 2011-02-27

Hallo,

das liegt daran dass der IE (immer noch) ein schlechter Browser ist und sich nicht standardkonform verhält. Wenn man CSS-Dateien einen title gibt, so sollen diese CSS-Dateien alternativ eingesetzt werden - heisst, ein standardkonformer Browser wie der FF (und Safari, Chrome, Opera etc.) lädt die CSS-Dateien mit einem abweichenden title nicht.

Ich zitiere mal:

If you have several <link> tags in the page <head> and one of them has a title attribute, then the <link> tags coming after it must either have a title attribute with the same value or no title attribute at all, otherwise the styles in the latter CSS files the will not be applied on the page.
[Kuckst du hier](http://blogs.telerik.com/dimodimov/posts/08-05-15/title_attributes_in_css_link_tags_prevent_styles_from_being_applied.aspx)

Also: mach die title alle raus, oder vergibt für alle CSS-Dateien einen gemeinsamen title. Dann ist die Welt in Ordnung.

Gruß
Peter, [TYPO3 @ lisardo (Augsburg)](http://www.typo3-lisardo.de)

### [#3](https://www.typo3.net/d/104100-ts-css-unterschied-ie-und-ff/3) · TomTB · 2011-02-27

Guten Morgen,

vielen Dank für diese kompetete Antwort. Damit konnte ich mein Problem lösen.

Ich habe jedoch noch die Zeile "page.includeCSS.file2.import = 1" raus nehmen müssen.
Diese bewirkt ja ein @import in obere CSS Datei. Das ging dann trotzdem noch nicht.
Jetzt werden 2 CSS Dateien de Browser übergeben und von beiden richtig verarbeitet.

Also nochmal Danke.

Gruß
Tom

---

Quelle: „TS CSS Unterschied IE und FF“, typo3.net, https://www.typo3.net/d/104100-ts-css-unterschied-ie-und-ff
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
