Kai Köpke » Internet Explorer

CSS3 PIE: border-radius und andere CSS3 Attribute im Internet Explorer nutzen

Kai Köpke — Wed, 10 Nov 2010 18:08:20 +0000

CSS3 ist momentan nicht umsonst in aller Munde – bietet es doch eine Vielzahl lang ersehnter Möglichkeiten zur Gestaltung moderner und zugänglicher Webseiten. Mehr und mehr Browser unterstützen es entweder durch vom W3C empfohlene Attribute oder durch eigene Interpretationen( -moz, -khtml, -webkit, usw.).

…bis auf einen – Microsoft unterstützt CSS3 genau wie auch HTML5 in größerem Umfang leider erst im IE9, welcher sich momentan noch im Beta-Stadium befindet. Abhilfe schaffen so genannte .htc (HTML Components) Dateien, welche vor Jahren bereits genutzt wurden, um dem IE5.5 und IE6 die Darstellung von transparenten PNG-Grafiken beizubringen. Mittlerweile gibt es mehrere dieser .htc – Lösungen, die dem IE teils mehrere, teils nur ein einziges CSS3-Attribut wie zum Beispiel border-radius beibringen.

Eine der umfangreichsten und komfortabelsten Lösungen ist CSS3 PIE. Neben der Unterstützung einer Vielzahl von CSS3 Funktionen bringt es auf der Projekt-Webseite auch Demos, einen einfachen Editor für Verläufe, Schatten und Radien, ausreichend Dokumentation und ein Forum mit.

Folgende CSS3-Attribute werden von CSS3 PIE momentan unterstützt:

Mehr zu den Features in der CSS3 Pie Dokumentation

Die Anwendung:

Zusätzlich zu den oben genannten Aufrufen für Browser mit CSS3-Unterstützung wird die vorher auf den Server kopierte .htc – Datei innerhalb der Selektoren mit CSS3-Attributen mittels behavior: url(pfad/zu/PIE.htc); aufgerufen. Zu beachten ist dabei, daß der Pfad zum .htc nicht wie gewohnt relativ zur CSS-Datei, sondern relativ zur HTML-Datei aufgerufen werden muss. Die einfachste Lösung wäre dem entsprechend in den meisten Fällen, das .htc ins Hauptverzeichnis der Seite zu schieben und mit /PIE.htc einzubinden.

Ein border-radius sieht nun also z.B. folgendermaßen aus:

1
2
3
4
5
6

#element {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(/PIE.htc);
}

Andere Browser interpretieren das Microsoft eigene behavior Attribut nicht, dem entsprechend wird das ca. 20kB große .htc dort auch nicht geladen und die Ladezeiten nicht beeinflusst.

In welchem Umfang nutzt Ihr momentan CSS3?

Internet Explorer IE8 im IE7 Modus? Viele werdens schon gehört oder gelesen haben, Microsoft hat gestern offiziell den Internet Explorer in der Version 8 veröffentlicht. Ihr habt noch nicht die Möglichkeit gehabt, eure Seiten ausgiebig in...
Internet Explorer IE8 im IE7 Modus? Teil 2 Jetzt, einige Tage nach dem Erscheinen des neuen IE8, und nach einigen weiteren Recherchen über die Beeinflussung des Darstellungsmodus mitttels Meta-Tags, hier eine etwas ausführlichere Auflistung:...
Howto: Internet Explorer IE8 deinstallieren unter Vista Eine kurze Anleitung zur Deinstallation des IE8, was manchmal nicht ganz so einfach ist, wie es klingt......

Unterstützt ihr bei euren Webdesign Projekten noch den IE6?

Kai Köpke — Thu, 16 Jul 2009 09:16:43 +0000

Seit einiger Zeit ist der Internet Explorer mittlerweile in der Version 8 im Umlauf und ältere Versionen verlieren stark an Land in den Statistiken. In mehr und mehr Diskussionen, Foren und Blogs kommt eine Frage auf: “Lohnt es sich noch, den IE6 zu unterstützen?”

Die Antwort auf diese Frage kann sowohl die technischen und gestalterischen Möglichkeiten eines Projektes, als auch den Zeit- und Arbeitsaufwand (und damit verbunden natürlich auch die Kosten für den Auftraggeber) sehr stark beeinflussen.

Wie seht ihr das? Unterstützt ihr noch den Browser, der so vielen Webdesignern schon mehr als eine Zornfalte und diverse schlaflose Nächte bereitet hat? Wenn ja, in welchem Umfang?

Ja er lebt noch… jetzt in Stralsund Leider ist es hier in den letzten Wochen etwas ruhig geworden. Lange bin ich nicht dazu gekommen, neue Artikel zu schreiben. An Ideen und Vorschlägen für Themen mangelt es bestimmt...
Was ist eigentlich ein Webdesign Freelancer? Diese Frage stellen sich wohl so einige unserer potentiellen Kunden. Dustin Brewer hat in seinem Artikel What is a freelance webdesigner sehr anschaulich die Eigenarten, Vor- und Nachteile, sowie die...
Webdesign Blog: Frisch-Inspiriert.de Vor einigen Wochen erwachte ein neues Webdesign Blog zum Leben und hat seitdem auch schon den einen oder anderen Besucher und Leser gefunden. Die Rede ist von Frisch Inspiriert. Dort...

Howto: Internet Explorer IE8 deinstallieren unter Vista

Kai Köpke — Mon, 13 Apr 2009 08:19:38 +0000

In den letzten Tagen erreichte mich des öfteren die Frage, wie denn der IE8 unter Vista wieder zu deinstallieren sei. Bei vielen scheint die neue Version unseres Lieblingsbrowsers aus dem Hause Microsoft wohl noch Probleme zu machen.

Wie andere Programme auch, erscheint der IE8 unter Systemsteuerung > Programme und Funktionen, dort aber nicht wie gewohnt bei den Programmen, sondern unter den Updates, also Installierte Updates anzeigen, dort den IE8 auswählen und deinstallieren.

Alternativ, falls oben genannte Methode nicht funktionieren sollte:
Im Startmenü in das Suchfeld cmd.exe eingeben, rechtsklick auf das erscheinende Ergebnis und Als Administrator starten auswählen. Bei Aufforderung das Administratorpasswort eingeben und bestätigen, in das so geöffnete Kommandozeilenfenster dann folgenden Befehl hinein kopieren und bestätigen:

FORFILES /P %WINDIR%\servicing\Packages /M Microsoft-Windows-InternetExplorer-8*.mum /c “cmd /c echo Uninstalling package @fname && start /w pkgmgr /up:@fname /norestart”

Nach einem Neustart sollte der IE8 dann deinstalliert sein.

Internet Explorer IE8 im IE7 Modus? Teil 2 Jetzt, einige Tage nach dem Erscheinen des neuen IE8, und nach einigen weiteren Recherchen über die Beeinflussung des Darstellungsmodus mitttels Meta-Tags, hier eine etwas ausführlichere Auflistung:...
Internet Explorer IE8 im IE7 Modus? Viele werdens schon gehört oder gelesen haben, Microsoft hat gestern offiziell den Internet Explorer in der Version 8 veröffentlicht. Ihr habt noch nicht die Möglichkeit gehabt, eure Seiten ausgiebig in...
Alle Internet Explorer gleichzeitig installieren Internet Explorer IE1 – IE8 auf einem Rechner? Dr. Web zeigt uns wie es geht, am besten mit der Internet Explorer Collection....

Alle Internet Explorer gleichzeitig installieren

Kai Köpke — Mon, 30 Mar 2009 07:32:46 +0000

Internet Explorer IE1 – IE8 auf einem Rechner? Dr. Web zeigt uns wie es geht, am besten mit der Internet Explorer Collection.

Internet Explorer IE8 im IE7 Modus? Viele werdens schon gehört oder gelesen haben, Microsoft hat gestern offiziell den Internet Explorer in der Version 8 veröffentlicht. Ihr habt noch nicht die Möglichkeit gehabt, eure Seiten ausgiebig in...
Internet Explorer IE8 im IE7 Modus? Teil 2 Jetzt, einige Tage nach dem Erscheinen des neuen IE8, und nach einigen weiteren Recherchen über die Beeinflussung des Darstellungsmodus mitttels Meta-Tags, hier eine etwas ausführlichere Auflistung:...
Howto: Internet Explorer IE8 deinstallieren unter Vista Eine kurze Anleitung zur Deinstallation des IE8, was manchmal nicht ganz so einfach ist, wie es klingt......

Internet Explorer IE8 im IE7 Modus? Teil 2

Kai Köpke — Mon, 23 Mar 2009 11:45:00 +0000

Jetzt, einige Tage nach dem Erscheinen des neuen IE8, und nach einigen weiteren Recherchen über die Beeinflussung des Darstellungsmodus mitttels Meta-Tags, hier eine etwas ausführlichere Auflistung:

Versetzt den Browser in den Quirks Mode. Inhalte werden so dargestellt, wie der IE7 sie im Quirks Mode anzeigt.
```
<meta http-equiv="X-UA-Compatible" content="IE=7" />
```
Die Seite wird im Standardmodus des IE7 dargestellt. DOCTYPE´s werden ignoriert.
Der bereits vor einigen Tagen beschriebene IE7-Kompatibilitätsmodus. DOCTYPE´s werden berücksichtigt, um zu bestimmen, wie die Inhalte dargestellt werden.
Ignoriert die Einstellungen in der Kompatibilitätsliste des Users und der Kompatibilitätsliste von Microsoft. Die Seite wird in jedem Fall im IE8-Standardmodus dargestellt. Dieser Modus bietet das höchste Maß an Unterstützung von aktuellen Standards (zumindest in der Theorie):
- W3C – CSS 2.1 Spezifikation
- W3C – Selectors API
- W3C – CSS 3 Spezifikation (eingeschränkt)
Ein experimenteller Modus (derzeit nicht für den produktiven Einsatz geeignet), der den IE anweist, die Seite im höchsten verfügbaren Modus darzustellen. Dies wird derzeit im IE8 der IE8-Modus sein, in eventuellen späteren Versionen dann eben die jeweils höchsten verfügbaren Modi…

Quellen: Giza-Blog.de , Microsoft IE Blog , Microsoft Developer Network

Internet Explorer IE8 im IE7 Modus? Viele werdens schon gehört oder gelesen haben, Microsoft hat gestern offiziell den Internet Explorer in der Version 8 veröffentlicht. Ihr habt noch nicht die Möglichkeit gehabt, eure Seiten ausgiebig in...
Howto: Internet Explorer IE8 deinstallieren unter Vista Eine kurze Anleitung zur Deinstallation des IE8, was manchmal nicht ganz so einfach ist, wie es klingt......
Alle Internet Explorer gleichzeitig installieren Internet Explorer IE1 – IE8 auf einem Rechner? Dr. Web zeigt uns wie es geht, am besten mit der Internet Explorer Collection....

Internet Explorer IE8 im IE7 Modus?

Kai Köpke — Fri, 20 Mar 2009 20:46:18 +0000

Viele werden es bereits gehört oder gelesen haben, Microsoft hat gestern offiziell den Internet Explorer in der Version 8 veröffentlicht. Ihr habt noch nicht die Möglichkeit gehabt, eure Seiten ausgiebig in dieser Version zu testen? Habt ihr Seiten speziell für den IE7 optimiert?

Hier eine Möglichkeit, durch einfügen eines Meta-Tags den IE8 zumindest vorübergehend dazu zu bringen, eure Seiten im IE7-Kompatibilitätsmodus zu rendern, bis mehr über das Verhalten und die Eigenarten des neuen bekannt ist:

Achtung: dies verwandelt den IE8 nicht in einen IE7! Es sorgt nur dafür, daß möglicherweise das eine oder andere Element vieleicht doch so dargestellt wird, wie in der Vorgängerversion – also wirklich maximal eine vorübergehende Lösung…

Zumindest Beta-Versionen des neuen IE8 haben den Acid-2 Test bereits bestanden und scheinen recht standardkonform zu rendern.

Was meint ihr?
Wird der Neue nur wieder ein weiteres Sorgenkind für uns, oder wird diesmal alles besser?
Wie sehen eure bisherigen Erfahrungen mit dem IE8 aus?

Mehr dazu im 2. Teil

Internet Explorer IE8 im IE7 Modus? Teil 2 Jetzt, einige Tage nach dem Erscheinen des neuen IE8, und nach einigen weiteren Recherchen über die Beeinflussung des Darstellungsmodus mitttels Meta-Tags, hier eine etwas ausführlichere Auflistung:...
Alle Internet Explorer gleichzeitig installieren Internet Explorer IE1 – IE8 auf einem Rechner? Dr. Web zeigt uns wie es geht, am besten mit der Internet Explorer Collection....
Howto: Internet Explorer IE8 deinstallieren unter Vista Eine kurze Anleitung zur Deinstallation des IE8, was manchmal nicht ganz so einfach ist, wie es klingt......