---
title: "css einbinden"
url: "https://www.typo3.net/d/115176-css-einbinden"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2013-06-20"
last_reply: "2013-06-20"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# css einbinden

Allgemein · 5 Antworten · gestartet 2013-06-20

## Eröffnungsbeitrag

**mzmicha** · 2013-06-20 · [Beitrag #1](https://www.typo3.net/d/115176-css-einbinden/1)

hallo leuts

ich arbeite gerade die dokumentation von mittwald zu typo3 vers 4.x durch.
bin jetzt bei dem teil meine css ein zu binden. das script sieht wie folgt aus:

```typoscript
page = PAGE
page {
  typeNum = 0
  stylesheet = fileadmin/template/Milvi_Reiki/css/style.css
  stylesheet = fileadmin/template/Milvi_Reiki/css/slider.css
  meta.AUTHOR = MB
  meta.DESCRIPTION = Seitenbeschreibung
}
```

wenn ich die seite jetzt im FE anzeigen lasse bekomme ich ne leere seite.
wenn ich mir dann den quelltext anschaue sehe ich aber nur die slider.css eingebunden. ausschnitt aus quelltext :

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_dbc60b56bc.css?1371627379" media="all">
<link rel="stylesheet" type="text/css" href="fileadmin/template/Milvi_Reiki/css/slider.css?1371713280" media="all">

der 2. eintrag passt, wenn ich ihn anklicke sehe ich den quellcode von slider.css.
wenn ich aber den ersten link anklicke bekomm ich folgendes zu sehen :

/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

was ist das und warum bindet er meine style.css nicht ein ?

auserdem wird noch ein jscript angezeigt :
<script src="typo3temp/javascript_79af1da1ab.js?1371627379" type="text/javascript"></script>

was ist das, bzw für was ist das zuständig ?

gruss micha

## Antworten

### [#2](https://www.typo3.net/d/115176-css-einbinden/2) · Norman2k · 2013-06-20

```typoscript
page.includeCSS.file1 = fileadmin/template/Milvi_Reiki/css/style.css
page.includeCSS.file2 = fileadmin/template/Milvi_Reiki/css/slider.css
```

Die 1. css kommt von TYPO3 bzw. von installierten Extensions, genau so wie die js-Datei

### [#3](https://www.typo3.net/d/115176-css-einbinden/3) · mzmicha · 2013-06-20

ok. hab ich mir fast gedacht.

aber das wichtigste für mich im moment ist warum meine style.css nicht eingebunden wird.

### [#4](https://www.typo3.net/d/115176-css-einbinden/4) · mzmicha · 2013-06-20

ok. mir ist gerade aufgefallen das er immer nur eine css einbindet, egal wieviele ich einbinde.

stylesheet = fileadmin/template/Milvi_Reiki/css/style.css
stylesheet = fileadmin/template/Milvi_Reiki/css/slider.css

beim 2. stylesheet wird das erste überschrieben. also hab ich mir gedacht muss es ja irgendwie so funktionieren - was aber auch net funkt :

```typoscript
page = PAGE
page {
typeNum = 0
10.stylesheet = fileadmin/template/Milvi_Reiki/css/style.css
20.stylesheet = fileadmin/template/Milvi_Reiki/css/slider.css

meta.AUTHOR = Michael Bogensperger
meta.DESCRIPTION = Alles über Reiki
}
```

### [#5](https://www.typo3.net/d/115176-css-einbinden/5) · mzmicha · 2013-06-20

thema erledigt !

habs so gemacht :

```typoscript
page = PAGE
page {
  typeNum = 0
  
  # Stylesheets
  includeCSS {
  file1 = fileadmin/template/Milvi_Reiki/css/style2.css
  file1.media = screen
  file2 = fileadmin/template/Milvi_Reiki/css/slider.css
  file2.media = screen
}  

  meta.AUTHOR = Michael Bogensperger
  meta.DESCRIPTION = Alles über Reiki
}
```

### [#6](https://www.typo3.net/d/115176-css-einbinden/6) · Norman2k · 2013-06-20

Hast du meinen gesamten Post gelesen?

> **Norman2k schrieb:**
>
> ```typoscript
> page.includeCSS.file1 = fileadmin/template/Milvi_Reiki/css/style.css
> page.includeCSS.file2 = fileadmin/template/Milvi_Reiki/css/slider.css
> ```

---

Quelle: „css einbinden“, typo3.net, https://www.typo3.net/d/115176-css-einbinden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
