IE8 :: Änderungen und Bugfixes
Eins, zwei, drei … die dritte virtuelle Maschine installiert: So langsam wird es Zeit, dass ich mich um den neuen Browser kümmere und IE8 installiere.
Internet Explorer 8 unterstützt jetzt CSS 2.1 vollständig, sogar Javascript ist in IE8 korrigiert worden. Kleine Kurskorrekturen gibt es auch bei HTML. Als Nicht-IE-Benutzer interessiert mich natürlich nur, wo sich in Zukunft (wenn IE6 und IE7 eines schönen Tages vergessen sind) Neuland für das Webdesign und die Programmierung von Anwendungen auftut.
CSS in IE8
CSS3: Fehlanzeige | Von großen Fortschritten ein Richtung CSS 2.1 kündet Microsoft – allerdings haben sie tatsächlich nur ein paar Löcher geflickt und kein noch so kleines Lichtlein in Richtung CSS 3 gesetzt. Selektoren aus CSS 3 unterstützt IE8 auch weiterhin nicht, den hübschen border-radius für abgerundete Ecken gibt es in IE8 nicht, obwohl es jetzt wie bei Mozilla (-moz-) und Webkit (-webkit-) eigene CSS-Regeln gibt, nämlich -ms-: -m(i)s(t)- …
:focus | Die Pseudoklasse :focus funktionierte in IE7 nur auf Links, nicht aber bei Eingabefeldern in Formularen. IE8 interpretiert jetzt auch input:focus.
:before, :after | Die Pseudo-Elemente :before und :after sind jetzt auch in Internet Explorer8 implementiert. Das Einfügen generierter Inhalte funktioniert genauso wie in Firefox und Safari – so auch counter-reset und counter-increment.
Nette Geste im Drucker-Stylesheet: Die Seitenadresse eines Links in der gedruckten Fassung ausgeben:
CSS Pseudo-Selektoren :before und :after
a.bef:before { content: url(/www.png) " " attr(href) " "; }
outline | Selbst die exotische CSS-Eigenschaft outline, die wohl kaum jemand jemals benutzt hat, ist in IE8 vertreten und in ein paar Jahren können wir dann mal schauen, was wir mit outline anfangen können. outline ist eine Kontur rund um ein Element – ähnlich wie border, die sich aber nicht für einzelne Seiten deklarieren lässt, auch nicht zur Größe der Box zählt und sich so über andere Elemente legt.
HTML in IE8
HTML button in Internet Explorer 8 | IE6 und IE7 übertragen noch den HTML-Inhalt des button-Elements an die aufgerufene Anwendung – also das innerHTML. Erst IE8 überträgt ordnungsgemäß den Wert des value-Attributs. Vorraussetzung ist ein Standard-Doctype.
Javascript in IE8
Von IE6 zu IE7 hat es keine Änderungen im Javascript für Internet Explorer gegegeben. Erst mit IE8 bewegt sich Microsoft wieder ein Stück in Richtung Web-Standards. Allerdings sind es allesamt nur Nebenschauplätze, an denen Microsoft ein wenig gedreht hat … EventListener fehlt weiterhin und IE8 zwingt uns auch in der Zukunft zwei Methoden für jedes moderne Skript auf.
Die Methoden getAttribute() und setAttribute() funktionieren jetzt wie in allen anderen modernen Browsern.
IE6 / IE7 interpretieren den Aufruf elem.setAttribute(‘class’, ‘farbe’) nicht, wohl aber elem.setAttribute(‘className’, ‘farbe’). Standardkonforme Browser ignorieren diesen Hack. In IE8 funktioniert elem.setAttribute(‘class’, ‘farbe’) wie alle modernen Browser.
IE6 / IE7 unterstützen die Methode removeAttributeNode() nicht. Erst IE8 entfernt das Attribut ordnungsgemäß.
nodeValue : Während FireFox, Opera und Safari die Attribute anzeigen, die im HTML-Tag vorkommen, zeigen IE6 / IE7 alle bekannten Attribute an. IE8 zeigt jetzt genauso wie alle modernen Browser nur noch die relevanten Werte an.
Fazit
Nun, ein kleiner Schritt für das Webdesign (zumindest, wenn wir noch ein paar Jahre Geduld haben), denn letztendlich können wir die nun endlich implementierten Funktionen erst nutzen, wenn sich das Internet von IE6 und IE7 verabschiedet hat.
