---
title: "TemplaVoila - 2 CSS Dateien einbinden / mappen"
url: "https://www.typo3.net/d/105003-templavoila-2-css-dateien-einbinden-mappen"
source: "typo3.net"
tags: ["Archiv","TemplaVoilà","Frage"]
created: "2011-04-19"
last_reply: "2011-04-25"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# TemplaVoila - 2 CSS Dateien einbinden / mappen

Archiv › TemplaVoilà · 3 Antworten · gestartet 2011-04-19

## Eröffnungsbeitrag

**Apop** · 2011-04-19 · [Beitrag #1](https://www.typo3.net/d/105003-templavoila-2-css-dateien-einbinden-mappen/1)

Hallo zusammen,

ich habe eine Mapping Problem.

Ich nutze zwei CSS Dateien um Seitenstruktur und Inhaltsformatierungen zu trennen.

Nun versuche ich es über TemplaVoila zu mappen: Scheint korrekt zu mappen, denn im Quellcode sind beide CSS Dateien eingebunden und der Pfad ist auch korrekt.

```html
	<link href="fileadmin/templates/css/chrome.css" rel="stylesheet" type="text/css" title="Bildschirmansicht" media="screen" />
	<link href="fileadmin/templates/css/content.css" rel="stylesheet" type="text/css" title="Inhaltsansicht" media="screen" />
	<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="fileadmin/templates/css/ie7.css" media="screen" />
<![endif]-->
	<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="fileadmin/templates/css/ie8.css" media="screen" />
<![endif]-->
```

Nun werden die CSS Formatierungen des content.css jedoch vom Browser nicht dargestellt.

Mappe ich NUR das content.css, dann werden die Inhaltselemente richtig formatiert dargestellt.

Mappe ich keines der CSS Dateien, sondern binde sie per Typoscript und page.headerData... ein, dann werden beide CSS Files vom Browser dargestellt.

Hat jemand eine Idee? Oder kennt jemand das Phänomen?
Oder habe ich Tomaten auf den Augen?

Grüße

[Bild: \[upl-image-preview uuid=fac74fd3-80c0-5d31-847d-0b01efdb2e13 url=https://www.typo3.net/assets/files/typo3net/381-templavoila-kopfteile-mapping.jpg alt=templavoila-kopfteile-mapping.jpg thumbnail_url=https://www.typo3.net/assets/files/typo3net/381-templavoila-kopfteile-mapping.jpg\]](https://www.typo3.net/assets/files/typo3net/381-templavoila-kopfteile-mapping.jpg)

## Antworten

### [#2](https://www.typo3.net/d/105003-templavoila-2-css-dateien-einbinden-mappen/2) · spL · 2011-04-21

Hallo Apop,

zu erst die Frage vorweg warum du die CSS-Dateien denn unbedingt mit TV! einbinden möchtest - Gerade wenn doch die Einbindung via TS keine Probleme bereitet?

Ich würde es ansonsten mal mit dem "Media-Type" Screen,TV,All versuchen.
Z.B.:

```html
<link href="fileadmin/templates/css/chrome.css" rel="stylesheet" type="text/css" title="Bildschirmansicht" media="screen,tv" />
<link href="fileadmin/templates/css/content.css" rel="stylesheet" type="text/css" title="Inhaltsansicht" media="all" />
```

```typoscript
page {
	...
	
	includeCSS{
		file1 = fileadmin/style/screen.css
		file1.media = screen,tv
		file2 = fileadmin/style/content.css
		file2.media = all
	}
	...
}
```

Greets

### [#3](https://www.typo3.net/d/105003-templavoila-2-css-dateien-einbinden-mappen/3) · Apop · 2011-04-24

Hallo spL,

vielen Dank für deine Antwort.

Nun ja, klar kann ich übers TS einbinden, was auch funktioniert, aber ich würde gerne wissen, warum es übers Mapping nicht geht; prinzipiell. :-)

Wenn ich die CSS-Files einzeln mappe, dann funktioniert es ja. Mappe ich beide, dann wird nur eines vom Browser intepretiert.
Und im Quellcode sehe ich keine Fehler, selbst wenn ich das Ganze per Validierer checken lasse.

Daher wurmt mich das ein wenig. :-)

Gruß

### [#4](https://www.typo3.net/d/105003-templavoila-2-css-dateien-einbinden-mappen/4) · Apop · 2011-04-25

Nachtrag:

Habe bei einem anderen Typo3-Paket das gleiche Phänomen.

Mappe ich 2 CSS Files, wird die zweite vom Browser ignoriert.

---

Quelle: „TemplaVoila - 2 CSS Dateien einbinden / mappen“, typo3.net, https://www.typo3.net/d/105003-templavoila-2-css-dateien-einbinden-mappen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.