Zum Inhalt springen

Template im IE7 zerschossen

Erstellt am 14. August 2008 · 11 Antworten · letzte Antwort am 15. August 2008

Tags: HTML & CSS, Frage

Unbekannter Benutzer ·

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

Unbekannter Benutzer ·

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.

saschae ·

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?

Unbekannter Benutzer ·

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

Unbekannter Benutzer ·

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

Unbekannter Benutzer ·

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.

Unbekannter Benutzer ·

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