IE 7: wir können weiter quirksmurksen

[Gernot Back]

Hallo an alle,

vor einer Woche hatte ich mich ja noch gefreut, dass ich über den XML-Prolog eine Möglichkeit hatte, den IE 6 als einzigen Browser in den Quirksmodus schicken zu können, sodass Browser die Seite (auch) im standard-kompatiblen Modus richtig darstellen konnten.

http://forum.de.selfhtml.org/archiv/2006/10/t139124/#m903832

Seit heute habe ich den IE 7 und merke, dass es so nicht mehr geht, was man auch nachfolgend unter den Ausführungen zum XML-Prolog-Bug nachlesen kann:

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/ie7_css_compat.asp

Ich habe aber Ersatz gefunden: Zwar schickt der XML-Prolog allein den IE 7 nicht mehr wie noch seinen Vorgänger in den Quirksmodus, wohl aber ein danach eingefügter HTML-Kommentar, und beinhalte er auch nur eine leere Zeichenkette.

Wir können also weiter quirks-murksen. Die Frage ist nur, warum Microsoft es nicht hinbekommt, dass das gar nicht mehr erforderlich ist.

http://www.sprachlernspiele.de/engel/matroschka.html

Gruß Gernot

[Dieter Raber]

Hallo Gernot,

In meinem IE6 wird die Seite als XML-Code dargestellt.

IE6/XPSP2, alle Updates, IE7 nicht installiert.

Gruß,

Dieter

[Gernot Back]

Hallo Dieter,

In meinem IE6 wird die Seite als XML-Code dargestellt.

IE6/XPSP2, alle Updates, IE7 nicht installiert.

.. möglicherweise auch wegen dieses HTML-Kommentars an ungewöhnlicher Stelle. Ich habe mir noch keine Standalone-Version des IE6 installiert, schrecke nach den letzten Erfahrungen mit Standalone-IE7 neben regulärem IE6 auch davor zurück und kann es deshalb nicht testen.

Wie sieht es denn bei dir mit der zweiten Variante ohne Kommentar-Murks aus, die solltest du aber im IE6 noch sehen können, wenn auch mangels Quirks-Mode grafisch zerschossen.

http://www.sprachlernspiele.de/engel/matroschka2.html

Gruß Gernot

[Dieter Raber]

Hallo Gernot,

Ich hab dir mal einen Screenshot gemacht:
http://dieterraber.net/selfhtml/Untitled-1.png

Gruß,

Dieter

[Gernot Back]

Hallo Dieter,

Ich hab dir mal einen Screenshot gemacht:
http://dieterraber.net/selfhtml/Untitled-1.png

Danke, das entspricht genau der Ansicht, die der IE 7 im CSS-kompatiblen Modus bietet.

Jetzt frage ich mich nur, wie ich es hinkriegen soll, dass sowohl der IE 6 als auch der IE 7 ohne folgende Meldung von Validome in den Quirksmodus geschickt werden:

"Schwerer Fehler

In der Dokumententypdeklaration konnte keine System-ID (URL oder Pfadangabe zur DTD) gefunden werden."

Wenn normale Kommentare in der ersten Zeile des Quellcodes schon solche Effekte im IE 6 bewirken, dann kann ich mir Versuche mit Conditional Comments an dieser Stelle ja wohl auch schenken. Ich habe es dennoch mal probiert:

<?xml version="1.0" encoding="ISO-8859-1" ?><!--[if gte IE 7]> <br style="display:none" /> <![endif]-->

http://www.sprachlernspiele.de/engel/matroschka.html

Sieht das jetzt mit dem IE 6 besser aus oder bekommt man da immer noch die XML-Code-Ansicht?

Gruß Gernot

[Dieter Raber]

Hallo Gernot,

mit prolog: ~wie FF
ohne :       wie Screenshot

Gruß,

Dieter

[Gernot Back]

Hallo Dieter,

mit prolog: ~wie FF
ohne :       wie Screenshot

Danke, aber nochmal nachgefragt: verstehe ich dich richtig? mit Prolog _und_ diesem komischen Conditional Comment gibt es _keine_ Darstelungsfehler? Dann wäre das ja tatsächlich die Lösung, die sowohl IE 6 als auch IE 7 zufrieden stellt.

Gruß Gernot

[Detlef G.]

Hallo Gernot

Danke, aber nochmal nachgefragt: verstehe ich dich richtig? mit Prolog _und_ diesem komischen Conditional Comment gibt es _keine_ Darstelungsfehler?

Bei mir sieht die Seite http://www.sprachlernspiele.de/engel/matroschka.html im IE6 (unter W98) und FF nahezu identisch aus.

(erste Zeile:

<?xml version="1.0" encoding="ISO-8859-1" ?><!--[if gte IE 7]> <br style="display:none" /> <![endif]-->  

~~~)  
  
Auf Wiederlesen  
Detlef  

-- 
- Wissen ist gut  
- Können ist besser  
  
- aber das Beste und Interessanteste ist der Weg dahin!

[Dieter Raber]

Hallo Gernot,

Ich hab noch mal einen Screenshot gemacht, die URL ist die gleiche:
http://dieterraber.net/selfhtml/Untitled-1.png

Gruß,

Dieter

[svg4you]

Tach Gernot,

Wir können also weiter quirks-murksen. Die Frage ist nur, warum Microsoft es nicht hinbekommt, dass das gar nicht mehr erforderlich ist.

Deine relativ komplexe Tabellenstruktur, welche mit CSS-Mitteln ausgerichtet wird, legt mir die (zumindest formale) Analogie zum nicht bestandenen Acid2-Test durch den IE7 nahe. Dort geht es ja auch um Fragen der exakten Positionierung.

Im konkreten Fall würde ich aber einen Coditional Comment für IE <=7 einsetzen und nicht Pseudo-Quirks-Techniken erfinden. Deine Seite zeigt im IE6 den XML-Baum, was ja nicht gerade für den "Würgaround" spricht. Ansonsten sollte sich die verwendete Table-Soup doch auch mit konventionellen HTML-Mitteln und ggf. mit noch einigen zusätzlichen Tabellen wie gewünscht ans Ziel bringen lassen.

Man liest sich,
svg4you

[Gernot Back]

Hallo svg4you,

Im konkreten Fall würde ich aber einen Coditional Comment für IE <=7 einsetzen und nicht Pseudo-Quirks-Techniken erfinden. Deine Seite zeigt im IE6 den XML-Baum, was ja nicht gerade für den "Würgaround" spricht.

Nur wüsste ich gar nicht, was ich in diesen Conditional-Comment einsetzen sollte.

Mein bisheriger Hack bestand ja vor allem darin:

  
td.inherit {  
 height:100%;  
}  
  
* html td.inherit {  
 height:inherit;  
}  

Den Star-HTML-Hack ignoriert der IE7 nun, aber height:inherit in einem Conditional-Comment bringt mich auch nicht weiter; und Recht hat der IE 7 da auch eigentlich, denn es gibt ja keine Höhe vom übergeordneten TR-Element zu erben. Setze ich dort eine Höhe von 100% oder inherit, so reißt es das Layout noch weiter auseinander. expression(parentNode.offsetHeight) bei den zu streckenden Tabellen führt im IE 7 zu in Endlosschleifen gegen unendliche Höhen strebenden Tabellen.

Ansonsten sollte sich die verwendete Table-Soup doch auch mit konventionellen HTML-Mitteln und ggf. mit noch einigen zusätzlichen Tabellen wie gewünscht ans Ziel bringen lassen.

Dass mich zusätzliche Tabellen in Tabellen hier weiterbringen, bezweifle ich.

Es handelt sich um eine reine Testseite zum Problem, in Tabellenlayout Höhen zu bestimmen, die ich seit Jahren immer wieder an neue Browser(-Versionen) anpasse. Bis vor kurzem dachte ich ja sogar noch, das gewünschte Ergebnis ließe sich überhaupt nur im Quirksmodus mit verstümmelter DOCTYPE-Deklaration und unter Verzicht auf korrekte Datrstellung in Opera erzielen.

Gruß Gernot

[svg4you]

Tach Gernot,

Den Star-HTML-Hack ignoriert der IE7 nun, aber ...

*:first-child+html

könnte helfen.

Man liest sich,
svg4you