CSS im IE8 Beta1 getestet

Dienstag, 11 März 2008 23:16 MET

Thema:
Webgestaltung  
Stichworte:
, , , ,  
 
CSS im IE8 Beta1 getestet [hyperkontext | Weblog]

Ich habe den Internet Explorer 8, Beta1 in Bezug auf korrekte Interpretation von CSS angetestet. In der Umsetzung mancher CSS-Angaben verhält sich die erste Beta-Version eigenartig.

Microsoft ist nach vielen Jahren aber offenbar gewillt, mit dem IE8 den ersten standardkonformen Browser auf den Markt zu bringen. Es könnte allerdings zur grotesken Situation kommen, dass der IE7-Modus quasi durch die Hintertür prolongiert wird. Der Emulationsknopf wird dann zum Alles wird gut-Knopf.

Hinweis: Dieser Beitrag bezieht sich ausschließlich auf das Standardverhalten, insbesondere zu CSS (Cascading Style Sheets). Optische Ausstattung, Benutzbarkeit, Funktionen und Bedienelemente sind hier nicht das Thema.

Auf gutem Weg

Aus Kommunikationssicht hätte ich dem Unternehmen geraten, die Serie Internet Explorer zu beenden und dem – nun so genannten – IE8 einen frischen Namen zu verpassen. Wenn möglich (habe da zu wenig fundierten Überblick) würde ich die tiefe Verwurzelung mit dem Windows-Betriebssystem aufgeben und den Browser – mit neuem Namen – nur mehr als zusätzliches Programm ausliefern.

Generell kann auf jeden Fall festgestellt werden, dass Microsoft nach vielen Jahren offenbar gewillt ist, mit dem IE8 den ersten standardkonformen Browser auf den Markt zu bringen. Hierbei sind sie auf gutem Weg.

Seiten vergrößern

Die im IE7 eingeführte holprige Zoom-Funktion einer kompletten Seite ist nun sehr gut gelöst. Ist das Layout dementsprechend erstellt, vergrößert sich die Seite stufenweise bis zur Begrenzung des Fensters. Erst beim weiteren Vergrößern wird die Seite breiter als das Fenster und die Balken zum Querverschieben (scrolling) erscheinen.

Die beobachteten Fehler mit CSS

In der Umsetzung mancher CSS-Angaben verhält sich diese erste Beta-Version eigenartig. Einige CSS-Befehle, die im IE7 bereits korrekt implementiert wurden, fehlen überhaupt.

  • letter-spacing und word-spacing werden generell ignoriert. :first-letter und :first-line gibt es für IE8 derzeit nicht. Alle diese Angaben wurden vom IE7 bereits interpretiert.

  • Das Attribut content im Pseudoelement :before und :after funktioniert zwar mit Text, also content: 'irgendwas', aber nicht mit url() Angaben.

    • attr(x) hingegen wird beim Ausdruck offenbar (getestet mit der Druckvorschau) nicht mehr angezeigt, auch nicht mit expliziter Angabe von media="print". Am Screen hingegen schon. Das ist also sozusagen nur die halbe Miete.

  • Seltsames Verhalten in Formularen:

    • Bei Angabe von width für textarea ist eine zwingende height-Angabe erforderlich, ansonsten sich die Scroll-Leiste mitten ins Eingabefeld oder außerhalb verschiebt.

    • Buttons brauchen offenbar auch eine zwingende height-Angabe, ansonsten sich die Höhe eines gefloateten Containers unkontrolliert verlängern kann und nicht gewollte Abstände erzeugt. Beim Überfahren eines Links (hovern) im nachfolgenden Container schrumpft der verlängerte Container augenblicklich auf die gewollte Größe.

      Eine Möglichkeit dieses unangenehme Verhalten zu umgehen wäre zum Beispiel eine generelle Angabe für alle Submit-Buttons: form input[type="submit"] {height: [X]em;}.

    • Bei Texteingaben in mehrzeilige Formularfelder kommt es oft zu starken Verzögerungen. Zusammenhänge mit bestimmten CSS-Angaben oder Konstellationen konnte ich bis jetzt nicht identifizieren.

  • Die Effekte von eingebetteten a-Elementen in einen Container per display: block - üblicherweise in Listenelementen – werden komplett ignoriert. Der Link funktioniert nur direkt beim Text.

    Auch padding wirkt innerhalb von a-Elementen nur rechts. Das macht sich offenbar in Tab-Navigationen unangenehm bemerkbar.

    • Beim Hover-Effekt werden per CSS ausgeblendete Punkte von Listen plötzlich wieder sichtbar.

  • Bei Hyperlinks treten grundsätzlich teilweise erhebliche Verzögerungen beim Überfahren auf.

  • li {list-style-type: square} erzeugt ein seltsam überdimensional anmutendes Quadrat. Das gilt auch für normal verschachtelte Listen ab der dritten Ebene, ohne besondere CSS-Angaben..

Bis zum Final-Release werden diese Punkte noch (und mit Sicherheit noch andere entdeckte Fehler) abgearbeitet werden müssen. Eine Auflistung von festgestellten Bugs gibt es auch auf quirksmode.com – IE8 beta 1 - first tests – und eine laufende Liste bei Gérard Talbot (dort übrigens auch für andere Browser).

Die Emulationsmodi

Im Whitepaper zu den Emulationsmodi finden sich Erklärungen mit Beispielen. Zusätzlich wurde eine Schaltfläche in die Werkzeugleiste implementiert, mit der manuell auf den IE7 umgestellt (emuliert) werden kann. Soweit ich das verstanden habe, ist dieser Emulationsknopf (Schaltfläche) nur in den Beta-Versionen vorhanden.

Eine wichtige Erkenntnis ist in den Erklärungen des Herstellers allerdings nicht auf einen Blick ersichtlich:

  • Wird die Angabe des – mittlerweile berühmten – Meta-Tag auf IE7-Modus angegeben, gibt sich der IE8 allerdings bei Conditional-Comments weiterhin als IE8 aus.

    Gebe ich also im Meta-Tag (oder auch bereits in der Konfiguration des Servers) an, dass die Seite im IE7 Modus gerendert werden soll, bleibt der Browser für Conditional-Comments trotzdem die Version 8.

  • Hingegen im – vom Benutzer einzustellenden – Emulationsmodus für IE7 gibt sich der Browser auch für Conditional-Comments als regulärer IE7 aus.

Das Wissen um diesen feinen Unterschied kann lange Fehlersuche ersparen!

Der Ruf, diesen Emulationsknopf auch in die endgültige Version einzubauen, wird sicher bald laut erschallen.

Die Geister die sie riefen

Es gibt jede Menge WYSIWYG-Editoren, die mittlerweile automatisch zumindest ein Transitional-Doctype an den Seitenanfang stellen. Da nützt es dann auch nichts, wenn der IE8 bei einer Seite ohne gültigen Dokumententyp automatisch in den Quirks-Mode fällt.

Millionen zusammengestöpselter Seiten – vorwiegend mit Programmen des hier besprochenen Herstellers erstellt – mit gültiger Dokumententyp-Deklaration und ungültigem Code zerbröseln dann im Rendering des IE8.

Millionen können gar kein anderes Produkt benutzen, weil in vielen Unternehmen mit tausenden von SharePoints und ähnlichen Business-Programmen von Drittanbietern oft nicht einmal ein Login mit anderer Software möglich ist (siehe zum Beispiel diesen Kommentar im IE-Blog).

Der Emulationsknopf wird zum Alles wird gut-Knopf.

Wie lange halten die das durch?

Meine Prognose ist, dass der Final-Release von IE8 per automatischem Windows-Update mit aktivierter Schaltfläche für IE7-Emulation ausgeliefert werden wird. Mit einer Frage bei der Installation: Emulationsmodus – Wenn Sie diese Schaltfläche ausdrücken kann es sein, dass einige Seiten nicht mehr richtig angezeigt werden. Diesen Status können Sie jederzeit verändern.

Damit wird dann der IE7-Modus quasi durch die Hintertür prolongiert. Ein typisches Bürogespräch hört sich dann etwa so an:

  1. Max sagt zu Moritz: Wozu ist der Button da eigentlich?
  2. Moritz antwortet Max: Weiß ich auch nicht genau. Lass ihn am besten immer eingedrückt, weil das Programm sonst nicht mehr richtig funktioniert. Äh… der Chef hat das auch so gesagt.

Es könnte daher zur grotesken Situation kommen, dass Webgestalter auch dann noch für IE7 optimieren müssen, obwohl fast alle IE-Benutzer einen IE8 (oder schon 9 und 10) verwenden. Der Emulationsknopf wird nun zum Standard und alle lassen ihn sicherheitshalber eingedrückt.

Aber vielleicht sehe ich das wieder viel zu pessimistisch und alles wird gut … auch ohne Emu-Knopf.

Abschnitt 1 von 1

Quellenverzeichnis

  1. Internet Explorer 8 Beta [microsoft.com]
  2. Whitepapers [microsoft.com]
  3. IE-Blog [blogs.msdn.com]

Weitere Verweise zum Thema

Externe Verweise dieses Artikels wurden zuletzt am 11. März 2008 auf Relevanz geprüft.

Datum:
veröffentlicht am 11 März 2008, 23:16 MET.
Artikel:
CSS im IE8 Beta1 getestet [hyperkontext | Weblog]
Kurz-URL:
http://hyperkontext.at/s/121
Thema:
Webgestaltung 
Stichworte:
, , , ,  

Interne Bezugnahme von neueren Artikeln

  1. IE8 Kompatibilitätsmodus: Meta-Tag EmulateIE7 und Listen - der Überblick vom 23. März 2009
Dieser Eintrag kann nicht mehr kommentiert werden.

Mögliche themenverwandte Artikel aus dem Weblog

Blättern (chronologisch)

« neuerer Artikel
2008-03-27: Logbuch Accessibility - Öffentliche Buchausgabe
älterer Artikel »
Februar 2008 im Kontext