---
title: "Probleme mit der News Darstellung"
url: "https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","tt_news"]
created: "2006-08-15"
last_reply: "2006-08-17"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Probleme mit der News Darstellung

Extensions · 4 Antworten · gestartet 2006-08-15

## Eröffnungsbeitrag

**joe23** · 2006-08-15 · [Beitrag #1](https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung/1)

Hallo zusammen,
ich habe ein Problem mit der Darstellung meiner News im Internet Explorer.
Ich habe eine Lösung gefunden, für die ich ein paar Anpassungen im News-CSS-File vornehmen muss.
Allerdings bewirkt das wiederum ein Darstellungsproblem mit dem Firefox.
D.h. ich muss je nach verwendetem Browser unterscheiden.
Und genau diesbezüglich habe ich eine grundsätzliche Frage:

Bislang habe ich mein News-CSS-File aus dem Typo-Script Template heraus aufgerufen.

```typoscript
page.stylesheet = fileadmin/ext-templates/tt_news_v2_styles.css
```

Damit kann ich jedoch nicht zwischen den verschiedenen Browsern unterscheiden (oder etwa doch?)

Mein nächster Ansatz war, das CSS File nicht mehr aus dem TS Template heraus aufzurufen, sondern innerhalb des News-HTML-Templates:

```html
<link href="tt_news_v2_styles.css" rel="stylesheet" type="text/css" />
```

Dann, so mein Plan, könnte ich über "conditional comments" verschiedene CSS Files (ein Default und eines für den IE) aufrufen.
Leider funktioniert das bei mir überhaupt nicht. Das über href aufgerufene CSS-File wird komplett ignoriert.

Wer kann mir hier einen Tip geben? Was sit der beste Ansatz, um dem IE eine angepasste CSS innerhalb der News-Extension zur Verfügung zu stellen?

Herzlichen Dank im vorraus und viele Grüsse,
Joe

## Antworten

### [#2](https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung/2) · toyde · 2006-08-16

hallo.

```typoscript
page.stylesheet = fileadmin/ext-templates/tt_news_v2_styles.css
```

Das ist suboptimal. *page.stylesheet* ist für das Haupt-CSS-File gedacht. Ich nehme an, Du möchtest nicht nur News formatiert haben im Frontend  ;) .
Es empfiehlt sich in einem zentralen File, bspw. "fileadmin/styles.css", seine Configs zu pflegen.

> **joe23 schrieb:**
>
> Damit kann ich jedoch nicht zwischen den verschiedenen Browsern unterscheiden (oder etwa doch?)

Mit einer **condition** kannst Du Dir eine Browserweiche zusammenlegen. Davon ist abzuraten, da bei Layoutänderungen der Aufwand exponentiell wächst.

Bevor Du nen Doktortitel mit CSS/TypoScript/Browserweiche holst - wie wär's, wenn Du ganz einfach eine konforme Formatierung erarbeitest? Man kann für IE/FF/Opera gleichzeitig über ein zentrales CSS entsprechend entwickeln. Etwas Aufwand ist da schon nötig.

Dies hat aber mehr mit Eigeninitiative und CSS als mit TYPO3 zu tun.

grüsse

### [#3](https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung/3) · joe23 · 2006-08-16

toyde,

> Das ist suboptimal. page.stylesheet ist für das Haupt-CSS-File gedacht. Ich nehme an, Du möchtest nicht nur News formatiert haben im Frontend .
> Es empfiehlt sich in einem zentralen File, bspw. "fileadmin/styles.css", seine Configs zu pflegen

Herzlichen Dank für diesen Hinweis!

> Dies hat aber mehr mit Eigeninitiative und CSS als mit TYPO3 zu tun.

Da bin ich ganz bei Dir! Ich bin auch gerne bereit diese Eigeninitiative zu erbringen. Nichts desto trotz ist es für einen Anfänger (in Sachen Typo3, sowie auch HTML und CSS) in fortgeschrittenem Alter wie mich hin und wieder ganz hilfreich solche grundsätzlichen Hinweise, wie eben diese von Dir, zu bekommen. Ansonsten liest man sich zwar in diese drei Thematiken ein, es fehlt jedoch dann oft am grundsätzlichen Konzept...

Daher nochmals vielen Dank!

Auf die Gefahr hin, dass meine Frage nicht ganz in diese Rubrik (News) des Forums passt, würde ich mir dennoch erlauben nochmals ganz kurz etwas zu hinterfragen:

Die Tatsache, dass ich ein HTML-Template für die News benutzt habe, das seinerseits ein CSS File aufruft, kommt daher, dass es bei der NEWs Extension diese beiden Vorlagen (HTML und CSS) gibt. Innerhalb des HTML-Files wird allerdings darauf hingewiesen, dass man das CSS nur zu Testzwecken mit "link href" aufrufen soll, ansonsten über das TS Template.

> IMPORTANT: The stylesheet link below is only for testing the template file directly in a browser while editing it.
> 		On the website the css styles for tt_news have to be include with the static TS template "default CSS style (tt_news)" or
> 		with an external file (see tt_news/res/tt_news_v2_styles.css) which you include via TypoSript in the "page" object.

Asche auf mein Haupt, das hatte ich nicht beachtet :o

Wenn ich Dich jedoch richtig verstanden habe, bevorzugst Du, sämtliches CSS in einem zentralen File unterzubringen, oder?
O.g. Hinweis beschreibt jedoch, ein eigenes CSS File für die News innerhalb des TS Template aufzurufen.
Wie kann ich dann mehrere CSS Files innerhalb TS einbinden? Über page.stylesheet kann ich doch nur ein einziges File einbinden, oder?

Mein eigentliches Problem ist damit freilich noch nicht gelöst. Dazu hattestDu mir folgenden Tip gegeben:

> Bevor Du nen Doktortitel mit CSS/TypoScript/Browserweiche holst - wie wär's, wenn Du ganz einfach eine konforme Formatierung erarbeitest? Man kann für IE/FF/Opera gleichzeitig über ein zentrales CSS entsprechend entwickeln. Etwas Aufwand ist da schon nötig.

Meines Erachtens hat mein Problem allerdings damit zu tun, dass Version 5 und 6 des IE einfach Probleme mit dem CSS Box-Modell hat. Mit IE Version 7 habe ich keine Probleme. Daher gehe ich davon aus (aber ich lasse mich gerne eines Besseren belehren), dass ich für diese IE Versionen eine entsprechende Korrektur benötige.

Viele Grüsse,
Joe

### [#4](https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung/4) · toyde · 2006-08-16

> **joe23 schrieb:**
>
> Wie kann ich dann mehrere CSS Files innerhalb TS einbinden?

Setup:

```typoscript
page.headerData.5 = HTML
page.headerData.5.value = <link rel="stylesheet" type="text/css" href="fileadmin/style2.css" />
page.headerData.10 = HTML
page.headerData.10.value = <link rel="stylesheet" type="text/css" href="fileadmin/style3.css" />
```

### [#5](https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung/5) · joe23 · 2006-08-17

Vielen Dank!

Grüsse,
Joe

---

Quelle: „Probleme mit der News Darstellung“, typo3.net, https://www.typo3.net/d/48223-probleme-mit-der-news-darstellung
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
