Wie erstelle ich korrekten XHTML Header für den MSIE?

BernieMan · #1 08.11.06, 13:39

Problem:
Der IE schaltet automatisch in den Quirksmode, wenn ein korrekter XHTML-Header vorliegt:

HTML-Code:

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Statt dessen erwartet der IE die Angaben in umgekehrter Reihenfolge:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <?xml version="1.0" encoding="iso-8859-1"?>

Lösung:
Um speziell für den IE diese Angaben zu vertauschen folgenden Code in TS-Constants eintragen:

Typoscript-Code:

1:
2:
3:
4:
5:
6:

[browser = msie]
doctypesw_cond = 1

[else]
doctypesw_cond = 0
[end]

Und dieses hier in den TS-Setup-Bereich:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:

page {

config.doctypeSwitch =
config.doctype = xhtml_trans

# oder config.doctype = xhtml_strict / xhtml_frames
}

© maxhb

Dieser Hinweis ist aber nicht ganz korrekt.
Mit den Doctypes und dem Prolog verhält es sich folgendermassen:

Einleitung:
Der Grund warum man in diesem Punkt sehr genau arbeiten sollte liegt zum Einen in der Einhaltung der Webstandards und zum Anderen in der Möglichkeit das Browserverhalten richtig zu steuern. Diese Steuerung ist wichtig, wenn man Inhalt (XHTML) und Design (CSS) komplett voneinander trennen möchte. (Was man laut W3C und WDG auch tun sollte.)

Browser:
Wie sooft macht der IE hier die grössten Schwierigkeiten und aus diesem Grund müssen alle Webdesgner, die nach den Webstandards gehen wollen, ein wenig Arbeit und Gedankenschmalz investieren.

Modus:
Es existieren 3 Modi:

Quirks-Mode
Standard-Mode
Almost Standard Mode

Quirks-Mode:
Hier versucht der Browser das Fehlverhalten älterer Browser nachzuahmen. Der IE6 beispielsweise simuliert den berüchtigen Box-Model-Bug vom IE 5.x nach. Was natürlich nicht im Sinne eines Webdesigners sein kann.

Standard-Mode
In diesem Modus werden die Vorgaben des W3C-Konsortiums nahezu vollständig erfüllt..

Almost-Standard-Mode
Ein Standard, der eigentlich nur bei Mozilla-Browsern (ab 1.02) bzw. auch der 1.1 beta und dem Safari greift. Der Unterschied liegt hier in der Darstellung der line-height Eigenschaft.

Zum Prolog:
nennt man Prolog.
Durch einen Fehler (wie könnte es auch anders sein) im IE 7 bis 7.03 und wenn im Dokument ein Prolog existiert, wird ebenfalls in den Quirks-Modus geschaltet.

Fazit:
Ein Webdesigner sollte darauf achten, dass der Browser in den Standard-Modus geschaltet wird. Da der Prolog laut W3C-Spezifikation optional ist, sollte man diesen weglassen, um unerwünschte Ergebnisse zu vermeiden.
XHTML 1.0 strict ohne XML-Prolog ist auf jeden Fall sicherer.
Nähere Infos findet man unter: World Wide Web Consortium

Wenn man seine Seiten nach XHTML 1.0 strict validieren möchte und ein tabellenfreies Layout anstrebt, sollte man diese Dinge unbedingt berücksichtigen.

Also sorry, aber so einfach kann man sich das Leben leider nicht machen. Wer die komplette Bugliste bzgl. alleine auf den IE erfahren möchte, der schaut unter Holly Johns Positioniseverything nach.

@ Copyright BernieMan

gigasol · #2 11.11.06, 10:39

Alles schön und gut erklärt, aber was mich dabei stört sind die teils fehlerhaften TS Beispiele, es müsste doch heißen:

Typoscript-Code:

1:
2:
3:
4:

page {
config.doctypeSwitch = {$doctypesw_cond}
config.doctype = xhtml_trans
}

oder irre ich mich da...und was soll der Satz da:

Zitat:

Dieser Hinweis ist aber nicht ganz korrekt.

Verstehe ich nicht....

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

LinkBacks (?) LinkBack to this Thread: http://www.typo3forum.net/forum/faq-template-typoscript/17790-erstelle-korrekten-xhtml-header-f-r-msie.html
Erstellt von	For	Type	Datum
The_Roadrunner's bookmarks tagged with	This thread	Refback	09.07.07 12:02

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Im MSIE falsche Darstellung	fubag	News (tt_news, mininews und Co)	4	27.08.07 18:19
MSIE - Seiten werden unvollständig angezeigt	fangorn9	TYPO3 4.x Fragen und Probleme	1	11.01.07 15:44
Condition für alle MSIE<7	mstuebner	TYPO3 4.x Fragen und Probleme	2	13.12.06 22:56
TV für Dummys: Wo finde ich Hilfe zum korrekten Mapping?	MeisterMüller	TemplaVoila	7	03.08.06 12:56
typo 3 3.7.0 rte funktioniert nicht mit msie 7beta2	mariokempf	TYPO3 3.x Rich Text Editor	4	04.07.06 14:20

Suche

Userpanel