HTML5 - und (fast) alles ist weg

Hallo typo3ler,

ich wollte heute meine im Aufbau befindliche Seite auf HTML5 umstellen.

Dazu gebe ich im TS folgenden Code im root template an:

[browser = msie]
config.xmlprologue = none
[global]
page = PAGE
page {

config.doctype=html5
.
.
.
}

Was dann passiert ist wirklich erstaunlich. Im Quelltest wird der Doctype richtig angegeben, und der Quelltext erscheint komplett. Aber fast die komplette Seite ist leer. Ich kann im firebug alle Elemente sehen, auf der Seite nicht. lediglich ein Menü bleibt mir mitsamt den Formatierungen, ein paar JS Scripts laufen noch die zum menü gehören, die anderen natürlich geben Fehler aus, da die Elemente nicht vorhanden sind.

zusammenfassend ist eigentlich alles das weg, was ich direkt im html-template definiert habe.

nur das Menü welches ich mittels COA erstellt (kein TMENU o.ä.) und mit JS belegt habe. Außerdem eine Scrollbar die über JS erzeugt wird. Alle anderen Marker und Inhalte und Elemente etc sind verschwunden. 🙂 Süß oder?

Bitte helft mir.🙂

Ach, was mich ebenfalls wundert ist, dass ich zwischendurch mal ein paar Sachen mit CANVAS probiert habe, also das Canvas tag hat der brwoser genommen und verarbeitet ohne Fehler. Obwohl ich auf HTML4 eingestellt war. bzw. die Doctype Angabe. verstehe ich da etwas komplett falsch? Ist CANVAS nicht HTML5-eigen?

Was verwende ich noch: CSS3, und zwar ausgiebig. keyframes, transitions, transformations, 3D Transformationen und zwei iframes. die aber nur einen kleinen teil umfassen.

Wäre klasse wenn ihr mir helfen könntet dem Schädling auf die Spur zu kommen. 🙂

BG Falk

PS: T3 4.7.10 / keine extensions außer Quixplorer/ Browser alle auf neuestem Stand.

Ich würde die CSS-Styles deaktivieren, HTML validieren,
und dann nach und nach das CSS wieder in Betrieb nehmen,
bis der Problemverursacher gefunden ist.
Mittlerweile bringen ja die gängigen Browser ( FF / Chrome ) ausreichend gute Werkzeuge zum Debuggen mit.

HTML ist valide. Hab alles CSS rausgenommen und nach und nach wieder eingesetzt. Den eigentlichen Verursacher konnte ich noch nciht wirklich ausfindig machen, da sich dabei ein ganz anderes Problem offenbart hat. und zwar ist die Darstellung grundsätzlich fehlerhaft. die divs innerhalb des wrappers habe eine ziemlich große Höhe.

Ich muss dazu sagen dass ich mit einem völlig flexiblen Design arbeite. Also Spalte wie Zeile habe ich flexibel. Hierfür setze ich einfach die Shcriftgröße im Body auf 1em und alle Größenangaben von Elementen innerhalb des Bodys werden nur in % angegeben. dem Wrapper gebe ich noch eine maximale Breite damit es mir bei hohen Auflösungen nicht alles total zerreist.

wen ich bei HTML4 bleibe sieht alles ordentlich aus.

ich glaube ich muss tatsächlich zuerst das lösen.