---
title: "Style sheet in der Seite einbauen"
url: "https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2004-03-18"
last_reply: "2004-03-19"
replies: 14
solved: false
page: 1
pages: 1
lang: "de"
---

# Style sheet in der Seite einbauen

Allgemein · 14 Antworten · gestartet 2004-03-18

## Eröffnungsbeitrag

**Livia** · 2004-03-18 · [Beitrag #1](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/1)

Hallo,

ich muss eine Table-border-Definition direkt in die Seite einbauen können, da bestimmte Browser es nicht richtig ausgeben, wenn ich nur das gelinkte Stylesheet verwende. Im html-template hat ich es eingebaut, aber es fliegt bei der Seitengenerierung raus...  :(

Kenne mich mit Typo3 noch nicht so aus, wer kann mir helfen?
Nehme an, dass ich es im Template irgendwie definieren muss, aber wie geht das?

Stehe ziemlich unter Zeitdruck und bin total am verzweifeln ... :'( bin für jede kleinste Hilfe Dankbar!!

## Antworten

### [#2](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/2) · maxhb · 2004-03-18

Hi!
Folgendes im Setup-bereich Deines templates angeben:

```typoscript
page.stylesheet  = fileadmin/blabla/stylesheet.css
```

CU
 maxhb

### [#3](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/3) · Livia · 2004-03-18

Aber dann linke ich doch ein externes Stylesheet!?
Ich muss es so irgendwie in die Seite, die generiert wird einfügen können:

<style type="text/css">
<!--
.rBord {  border-color: #000000 #FF6600 #000000 #000000; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
-->
</style>

Aber wie mach ich das im Template??

### [#4](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/4) · maxhb · 2004-03-18

> **Livia schrieb:**
>
> Aber dann linke ich doch ein externes Stylesheet!?

Stimmt. Verstehe zwar nicht, warum Dein CSS nur funktioniert, wenn's direkt auf der Seite steht, aber als dirty Hack könnte folgendes funktionieren:

```typoscript
page.bodyTag =<style type="text/css"><!--.rBord {  border-color: #000000  FF6600 #000000 #000000; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}--></style><body>
```

Nicht getestet, aber das **könnte** klappen ;)

Vernünftiger ist es aber wohl, die Stylesheets ins HTML-Template zu integrieren:

```html
<style type="text/css">.....</style>
<!-- ###DOCUMENT_BODY### begin -->
Ganz viele Marker und Subparts
<!-- ###DOCUMENT_BODY### end -->
```

Im TS Template dann so einbinden:

```typoscript
page {
  typeNum = 0
  workonsubpart = DOCUMENT_BODY
...
```

CU
 maxhb

### [#5](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/5) · Livia · 2004-03-18

Danke... probier ich gleich aus :)

Jfi, es geht eigentlich nur darum, dass z.B. Safari genau den Style, den ich definiert habe, nur anzeigt, wenn das Stylesheet auf der Seite eingebunden ist. Hab alles probiert, sobald es extern ist, zeigt er keine Tableborder mehr an :'(

### [#6](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/6) · Livia · 2004-03-18

Irgendwie haut er es immer noch raus :'(

hmm... in meinem Template wird der Bodytag definiert.... ich versuch es jetzt einfach frech mal, da noch hinten anzuhängen...

Und... es funktioniert!!!  :D

SUUUPER ! ein ganz dickes Dankeschöööön @maxhb #giggle#

Mein Abend ist gerettet!!

Cheers
Livia

### [#7](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/7) · maxhb · 2004-03-18

> **Livia schrieb:**
>
> hmm... in meinem Template wird der Bodytag definiert.... ich versuch es jetzt einfach frech mal, da noch hinten anzuhängen...

Aber nicht weitersagen, dass so ein Schweinkram von mir kommt ;)

CU
 maxhb

### [#8](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/8) · sacha · 2004-03-18

Hi,

besser so:

```typoscript
page.headerData.5 = TEXT
page.headerData.5.value (
  <style type="text/css">
    <!--    
    @import url("fileadmin/css/ha_de_2.css");
    @import url("fileadmin/css/ha_de_content_2columns.css ");
    @import url("fileadmin/css/ha_de_content_3columns_2.css ");
    //-->
  </style>
  <!--[if lt IE 6]> 
    <style type="text/css">
	@import url("fileadmin/css/ie5x.css");
    </style>
 <![endif]-->           
<script src="/fileadmin/scripts/js/company-finder-popup.js" type="text/javascript"></script>
)
```

damit kann man beliebigen Code in den Head Bereich der Seite schreiben.

--
hth,
Sacha

### [#9](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/9) · maxhb · 2004-03-18

> **sacha schrieb:**
>
> damit kann man beliebigen Code in den Head Bereich der Seite schreiben.

Jap, das ist viel besser, also den vorigen "dirty hack" schnell vergessen...

CU
 maxbh

### [#10](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/10) · Livia · 2004-03-18

Ich hab's jetzt erstmal so "dirty"  ;) gelassen, da mein Browser einen älteren Standard zu haben scheint und ich glaub, ich hab mal gelesen, dass ältere browser dieses @import nicht verstehen...?

### [#11](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/11) · sacha · 2004-03-18

Hi,

> **Livia schrieb:**
>
> Ich hab's jetzt erstmal so "dirty"  ;) gelassen, da mein Browser einen älteren Standard zu haben scheint

entschuldigung, ich wollte dich nicht verwirren. Das war nur ein Beispiel dafür, wie man etwas in den head Bereich einer HTML-Seite schreiben kann.

Wahrscheinlich hätte ich besser:

```typoscript
page.headerData.5 = TEXT
page.headerData.5.value (
hier kommt der code rein: egal ob js, css oder meta-tags
)
```

> und ich glaub, ich hab mal gelesen, dass ältere browser dieses @import nicht verstehen...?

völlig richtig, damit kann man sehr gut steuern, welche Browser welche CSS Informationen bekommen sollen:
<http://w3development.de/css/hide_css_from_browsers/>

--
Ciao,
Sacha

### [#12](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/12) · Livia · 2004-03-18

Ich glaub, jetzt hab ich es gepeilt ;)
Innerhalb der runden Klammern kann alles stehen,  das mit dem @import aus Deinem ersten post ist ein externes Stylesheet, was reingeladen wird :)

> **sacha schrieb:**
>
> ```typoscript
> page.headerData.5 = TEXT
> page.headerData.5.value (
> hier kommt der code rein: egal ob js, css oder meta-tags
> )
> ```

Sorry, da hab ich wohl etwas zu schnell gelesen ;)

Dankeschön und schönen Abend noch :)

### [#13](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/13) · Livia · 2004-03-19

Guten Morgen,

ich soll jetzt auf meiner Seite auch noch comments in den Header einfügen.
Hab das mal mit Deiner Methode

```typoscript
page.headerData.5 = TEXT
page.headerData.5.value (
hier kommt der code rein: egal ob js, css oder meta-tags
)
```

probiert.

Wofür ist denn die 5, die da mit drin steht? Steht die für eine PageID?? Oder kann ich die auch einfach weglassen...?

Sorry, kenne mich mit Typo3 echt noch nicht so aus :(

### [#14](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/14) · sacha · 2004-03-19

Hi,

> **Livia schrieb:**
>
> Guten Morgen,
> Wofür ist denn die 5, die da mit drin steht? Steht die für eine PageID?? Oder kann ich die auch einfach weglassen...?

nein, um das zu verstehen ist ein wenig Hintergrundwissen notwendig. Alle TS-Konfigurationen werden in Arrays (Aufreihung) gespeichert und später von PHP-Skripten verarbeitet.

Das kannst du dir wie einen Zug mit verschiedenen Wagen vorstellen. Jeder Wagen hat eine Nummer.

Je höher die Nummer, desto weiter vorn ist der Wagen.

Wenn du also schreibst:

page.headerData.5 = TEXT
page.headerData.5.value (
ich komm nicht zuerst
)

page.headerData.4 = TEXT
page.headerData.4.value (
aber ich komm zuerst
)

dann erscheint der Text aus 4 zuerst, obwohl er erst nach 5 definiert wird.

Diese Nummern werden dir bei TS immer wieder begegnen und es ist immer das gleiche Prinzip. Nur bei Menüs ist es etwas anders, da stehen die Nummern dann für die Ebenen der Hierarchie, die das Menü abbildet.

Man sollte sich übrigens angewöhnen, die Nummern nie in 1er Schritten zu vergeben. Denn dann muss man evtl. alles umstrukturieren, wenn nachträglich noch was dazwischengeschoben werden soll. Wenn man 10er Schritte macht, kann man nachher immer noch zwischen 10 und 20 eine 15 einschieben.

--
hth,
Sacha

"Le coeur a ses raisons que la raison ne connaît point" - Blaise Pascal

### [#15](https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen/15) · Livia · 2004-03-19

ok... verstanden :)

Dankeschöön :)

Btw. ich hab das jetzt alles im Setup-Feld eingetragen. Oder hätte das in's constants-Feld reingehört?  o.O
Wo liegt denn da genau der Unterschied. Hab hier im forum schon geschaut, aber da hab ich keine Antwort darauf gefunden....

Hat das was mit Statisch/Dynamisch zu tun??

Sorry.... ich hoffe, meine Fragerei nervt nicht :(

---

Quelle: „Style sheet in der Seite einbauen“, typo3.net, https://www.typo3.net/d/9969-style-sheet-in-der-seite-einbauen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.