Schlagwort-Archive: Internet Explorer

Zeitgeist revisited: A Browsers History

In meiner Zeitgeist-Auswertung habe ich auch die Marktanteile der Browser dargestellt. Aus Neugier wollte ich wissen, ob sich der Marktanteil eines Browsers stark verändert hat. Dazu habe ich die Zugriffe auf meine Webseite seit der Umstellung auf Piwik ausgewertet:

Browser Marktanteile April 2010 - Dezember 2011

Browser Marktanteile April 2010 - Dezember 2011


Grosse Verschiebungen sind nicht zu beobachten. Beim Internet Explorer ist ein leichter Abwärtstrend auszumachen, die Webkit-Familie kann diese Schwäche zu einer kleinen Marktanteils-Steigerung nutzen.

Für die allgemein als die grossen drei angesehenen Browser Firefox, Chrome und Internet Explorer habe ich noch Grafiken erstellt, die die verschiedenen Versionen der Browser darstellen. Daraus kann man die Aktualisierungen schön sehen. Als erstes der Internet Explorer:

Internet Explorer Versionen April 2010 - Dezember 2011

Internet Explorer Versionen April 2010 - Dezember 2011


Man kann schön sehen, dass der Browser nicht allzu oft überarbeitet wird, mehrere Versionen über lange Zeit verwendet werden und deshalb alte Versionen nicht so schnell ‚aussterben‘.

Als Gegensatz dazu Chrome von Google:

Chrome Versionen April 2010 - Dezember 2011

Chrome Versionen April 2010 - Dezember 2011


Die grosse Legende zeigt schon an, dass die Version sehr oft ändert, der Browser also fleissig überarbeitet wird. Der automatische Update-Mechanismus führt auch dazu, dass der Browser schnell aktualisiert wird und deshalb kaum alte Versionen im Umlauf sind.

Beim Firefox sieht man die Philosophie-Umstellung recht schön:

Firefox Versionen April 2010 - Dezember 2011

Firefox Versionen April 2010 - Dezember 2011


Bis im ersten Quartal des letzten Jahres wurde die Version 3.6 wohl weiterentwickelt, dies zeigte sich aber nur in der dritten Versions-Nummer (3.6.x). Ab der Version 4 wurde dann die Google-Philosophie der häufigen Updates mit Versionsnummer-Erhöhung an der ersten Stelle übernommen. Diese werden nun auch automatisch aktualisiert, so dass die Versionen 4 bis 7 kaum mehr im Einsatz sind.
Man sieht auch, dass etwa 20% der Besucher bei diesem „Update-Wahnsinn“ nicht mitmachen wollen und bei der Version 3.6 geblieben sind.

Die Tendenzen entsprechen auch den bei browser-statistik.de gezeigten Statistiken der Browser-Versionen (Achtung: umgekehrte Darstellung, neue Versionen werden unten hinzugefügt).

Internet Explorer Standard Support Dokumentation

Kurz nachdem ich den Verweis auf den Artikel über die CSS-Unterschiede in den verschiedenen Internet Explorer Versionen publiziert hatte habe ich den Artikel bei heise online entdeckt, der auf die Dokumentation von Microsoft verweist. Diese dokumentiert unter anderem auch die verschiedenen Erweiterungen gegenüber den Standards bei CSS, JavaScript und DOM. Es empfiehlt sich, die PDF-Version der Artikel zu lesen, da in der HTML-Version jedes Unterkapitel auf einer einzelnen Seite dargestellt wird.

CSS Unterschiede der Internet Explorer Versionen 8, 7 und 6

Der Internet Explorer 9 steht zwar schon in den Startlöchern, aber die älteren Versionen 6 und 7 werden immer noch benutzt. So haben auf meiner Webseite die alten Versionen immer noch einen Anteil von 27% (IE7) bzw. 15% (IE6) aller Internet Explorer Zugriffe (Marktanteil auf meiner Seite: 16%; alle Angaben gemessen seit Anfang 2010).
Bei Smashing Magazine habe ich eine gute Übersicht der Unterschiede der letzten drei Internet Explorer Versionen gefunden (in Englisch). Diese Übersicht hat mir auch bei der Erstellung des ‘Bildbeschreibung über Bild anzeigen’-Effektes sehr geholfen.

Update zu ‚Bildbeschreibung über Bild anzeigen‘

Der Code im Artikel Bildbeschreibung über Bild anzeigen hat noch zwei Probleme bei älteren Versionen des Internet Explorers:

Internet Explorer 7:

Beim Internet Explorer 7 kann es passieren, dass der Block mit dem Text neben oder verschoben auf dem Bild angezeigt wird. Dadurch wird der Textblock teilweise durch nachfolgende Elemente verdeckt. Durch die explizite Positionsangabe und dem Wechsel von der Variante des Versteckens mittels display-Style zum visibility-Style konnte ich diese Probleme beheben:

div.switch div.mouse
{
  width: 130px;
  height: 100px;
  display: block;
  visibility: hidden;
  position: absolute;
  text-align: center;
  padding: 10px;
  background-image: url(halfwhite.gif);
  left: 0px;
}
div.switch:hover div.mouse
{
  visibility: visible;
}

Internet Explorer 6:

Hier ist das Problem schwerwiegender. Der Internet Explorer 6 unterstützt keine Unterselektoren nach einem Pseudo-Element. Somit funktioniert das entscheidende Style Sheet nicht. Als Workaround zeige ich den Text im Internet Explorer 6 als ToolTip an. Der JavaScript-Code und die Styles können der aktualiserten Datei entnommen werden.

HTML File switchingblock.html
Grafik head.jpg
Grafik halfwhite.gif