Webdesign im IE 10: Was müssen wir beachten?

Übermorgen erscheint Windows 8 und mit ihm der Internet Explorer 10. Damit eröffnen sich insbesondere für die Emigranten aus der Windows-XP-Welt, die das Internet bislang durch das Fenster des Internet Explorers 8 betrachtet haben, ganz neue Perspektiven. Was bedeutet das für Web-Entwickler?

Der Internet Explorer 10 ist nicht nur für für Touch-Bedienung optimiert. Er bietet im Modern UI eine Snap-Funktion, mit der sich Internetseiten am linken oder rechten Drittel des Bildschirms anheften lassen. Damit verwandelt sich jede Internetseite in eine App (zumindest sollte sie das können). Webmonkey-Blogger Scott Gilbertson hat aber bemerkt, dass der neue Internet Explorer das dafür prädestinierte CSS Flexible Box Layout nicht in der aktuellen Spezifikation unterstützt. In der offiziellen Dokumentation wird eine veraltete Syntax vom März 2012 verwendet. Mit etwas Glück wird Microsoft uns hier bald ein Update liefern, was die sechs Monate jüngere Variante nachliefert, wie sie von Chrome, Opera und BlackBerry unterstützt wird.

Ein weiteres Manko liegt im Responsive Design mit @viewport, das nach Beobachtung durch Tim Kadlec bei Viewport-Breiten unter 400px ein merkwürdiges Verhalten an den Tag legt:

The rule above would ensure that for any viewport under 400px wide, IE would set the width to 320px and scale from there.

Dies lasse sich mit device-width umschiffen, wie er es im Folgenden erklärt.

Für weitere Tipps zu den sonderbaren Spezifikationen des Internet Explorer 10 legen wir Euch den "Internet Explorer 10 Guide for Developers" ans Herz. Ein wenig beispielhafter geht es auf der Website "Beauty of the Web" zu. Zusätzlich könnt Ihr Euch den Compat Inspector in Euer Markup laden, um Eure Seite auf IE10-Kompatibilität zu überprüfen.