Hallo,
ich habe mir ein Template mit "mitwachsenden" Rändern gebaut, was als "normale" Website auch gut funktioniert (FF, IE, Opera).
Sobald ich aber die Seite als Designvorlage in Typo3, Version 4.2 einbaue, wird mir das Layout im IE 7 gnadenlos zerschossen. Dabei ist es egal, ob ich css_styled_content mit eingebunden habe oder nicht.
Hat jemand eine Idee, woran das liegen kann bzw. welche CSS Eigenschaften mir da noch zwischen funken.
Danke
Rainer
Geht das Template im IE bevor du es in TYPO3 eigenbunden hast?
Dann würde ich auf Doctype tippen.
saschae schriebDann würde ich auf Doctype tippen.
exakt
Danke für die fixe Antwort.
Der Quelltext zeigt mir folgenden Headerdaten an:
!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Jetzt habe ich folgendes in mein TS gesetzt, aber dadurch hat sich nichts geändert (habe ich aus einem Buch):
config {
doctype = xhtml_11
xhtmlDoctype = xhtml_11
xmlprologue = none
metaCharset = utf-8
htmlTag-langkey = de_DE
}
Ist dies der falsche Ansatz.
Grüße
Rainer
Ja, der Doctype den du gepostet hast schickt alle Browser in den Quirksmode, da sind Darstellungsunterschiede vorprogrammiert...
Versuchs in deinem Config erstmal damit:
config {
doctype = xhtml_trans
xhtml_cleaning = all
}
Wenn du das an die korrekte Stelle setzt, und die Caches löscht, dann wirst du einen ordnetlichen Doctype bekommen. Und dann kann man weiter sehen.
Ja wenn das Template "außerhalb" von TYPO3 geht, wäre es sinnvoll den gleichen Doctype zu nutzen, wie du im template stehen hast. Welchen hast du denn verwendet?
Ja prima,
mit der Anweisung von SLAng klappts jetzt auch im IE7.
Ich habe in der "Orginal"-Datei folgende Anweiung stehen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
Nach dem Quelltext-Vergleich sind sie jetzt identisch.
Danke nochmals,
Rainer
Sorry, dass ich nochmal nerve, aber ich habe mich wohl zu früh gefreut.
Natürlich zickt jetzt der IE 6 rum. Bei dem ist jetzt alles zerschossen.
Macht es Sinn, Hacks einzubauen?
So ungefähr:
<!--[if lte IE 6]> <div class="designIE" > <![endif]-->
Habt ihr nochmal einen Tipp?
Grüße
Rainer
MH... Also ich habe bisher alle Darstellungsprogleme mit dem IE 6 mit kleinen CSS-Anpassungen hinbekommen. Das sind meist nur 2-3 Einstellungen. Das kannst du per Conditional Comment machen.
Was du aber erstmal machen solltest ist folgendes.
Der IE6 akzeptiert die XML-Deklaration in der ersten Zeile nicht. Das heißt der IE läuft dann auch wieder im QUirksmode.
Du hsat nun 2 Möglichkeiten das zu korrigieren:
1. Ändern der Position des XML- beim Aufruf des IE6 mittels Condition:
[browser = msie] && [version = < 7.0]
config.doctypeSwitch = 1
[global]
Hier wird der XML-Prologue in eine andere Position verschoben. Die Condition darf nicht in geschweiften Klammern stehen. Also am besten ganz nach unten.
2. Abschalten des XML-:
config {
xmlprologue = none
}
Hier wird der XML-Prologue komplett gestrichen. Ich halte allerdings davon nichts, denn das gehört einfach zu einem vollständigen xHTML-Head dazu.
Probiers aus.
Hallo SLAng,
danke für dein Engagement, aber es der IE 6 zeigt es immer noch nicht richtig an.
Ich habe es mit beiden von dir genannten Versionen versucht (natürlich auch immer wieder alle Caches gelöscht).
Leider will der IE 6 nicht.
Grüße
Rainer
na dann musst du mit Condtional Comments arbeiten und das CSS für den IE 6 anpassen
Na, dann ist das so.
Aber vielen Dank für deine Hilfe bis dahin.
Grüße
Rainer