Zum Inhalt springen

Probleme mit CSS Layout nach mapping mit Templavoila

Erstellt am 25. April 2006 · 2 Antworten · letzte Antwort am 27. April 2006

Tags: Frage

Renko ·

Ich habe folgendes Problem.
Ich habe nun mein erstes Template mit Layout der Tabellen über CSS Stylesheets erstellt das Mittig ist.

Die Zentrierung habe ich über Auto Werte bei margin gelöst

#container{
width: 912px;
margin-top: 10px;
border: 1px solid #cccccc;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
}

Das Orginal Template File wird sowohl im Firefox als auch im IE mittig dargestellt wenn ich es mit dem Pfad direkt im Browser angebe wo es abgelegt ist !

Nun habe ich das Template über Templavoila gemappt , nun habe ich das Problem das mir im IE die Seite nicht mehr mittig dargestellt wird , sondern linksbündig.
Im Firefox wird das ganze richtig dargestellt.

Hat jemand eine Idee was Templavoila verändert , das im IE dieses nicht mehr richtig dargestellt wird

vengo ·

Hi Renko

Habe deine Zentrieung übernommen und das Gleiche bei mir festgestellt.
Der 'Fehler' liegt im Doctype, resp. im IE. Typo3 überschreibt vermutlich den Doctype, welcher du im Template (statisch) definiert hast von 'Strict' auf 'Transitional' oder er fügt, der Konvention entsprechend richtigerweise, den xml Tag (XHTML Dokumententyp) vor den Doctype. Beides bewirkt im IE, dass er sich auf den 'Quirksmodus' umstellt, was wiederum bedeutet, er stellt alles richtig Prgrammierte falsch dar und alles entsprechend falsch Programmierte 'richtig' dar. #paralyzed#

Anbei noch Literatur zum nachlesen:
http://www.carsten-protsch.de/zwischennetz/doctype/index.html

Lösung:
Füge folgendes in das Setup deines Typo3 Templates:

config.doctype = xhtml_strict
config.xhtml_cleaning = all
config.htmlTag_langKey= de
config.doctypeSwitch = 1

Die erste Zeile bewirkt, dass Typo3 den Doctype auf 'Strict' wechselt.
Danach säubert er die Tag's nach XHTML Konvention (gross Klein Schreibung etc.). Die Websitensprache kannst Du auch weglassen oder ändern. Und der DoctypeSwitch bewirkt das der XHTML Dokumenttyp nach dem Doctype ausgegeben wird. So klappt es auch mit dem IE.
Zum Schluss die Caches löschen und im IE, wie auch in zahlreichen anderen Browsern deine Site zentriert bestaunen.

Gruess
Sense