TYPO3studio Home
Druckversion | Seite weiterempfehlen

Einstellungen im <head> Bereich der HTML-Ausgabe

Hilfe, meine Seite sieht in TYPO3 auf einmal ganz anders aus als mein HTML-Template lokal!

Dies ist eine sehr häufige Frage in Foren. Der Grund ist meist naheliegend: WYSIWYG-Editoren wie Dreamweaver erzeugen automatisch bestimmte Deklarationen im Head-Bereich der HTML-Seite. Damit funktionieren CSS-Anweisungen auch im Internet Explorer (und das ist hier das Problemkind) meist recht gut. Sprich: man kümmert sich nicht darum.

Problem: TYPO3 erzeugt, wenn man nichts anderes definiert, einen Header, der den alten IE (5.x) in den Quirks-Mode versetzt und damit interpretiert dieser das CSS falsch. (Ich meine noch falscher als er das eh manchmal macht ;-))

Man kann aber mit TypoScript die Ausgabe des Head-Bereichs definieren.

TypoScript für die XHTML konforme Ausgabe in TYPO3

# Allgemeine Einstellungen
config.doctype = xhtml_trans
config.xhtml_cleaning = all

# dafür sorgen, dass MSIE nicht in den Quirks-Modus geht
[browser = msie]
config.doctypeSwitch = 1
[global]

Erläuterung

zur Erklärung: In den ersten Zeilen definieren wir die Ausgabe eines korrekten Doctypes und entsprechenden Headers.

Danach folgt eine sog. "Condition", d.h. zwischen der Regel (nur für MSIE bestimmt) und dem Ende wird die Anweisung für den MSIE interpretiert. Dieser verlangt nämlich, dass nicht ein XML-Prolog in der ersten Zeile steht. Daher stellen wir diesen nach unten und die Doctype-Declaration nach oben.