kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



Internet Explorer
Hier siehst Du eine Übersicht aller Beiträge, die mit dem Stichwort "Internet Explorer" versehen wurden.

Responsive Webdesign: Media Queries auch im IE6, IE7, IE8 … nutzen

internet-explorer-media-queries

Der Begriff des "Responsive Webdesign" beschreibt die Technik über CSS3 Media Queries eine Website für verschiedene Displaygrößen oder Bildschirmauflösungen zu optimieren. Wie das im Detail funktioniert habe ich bereits in einem Tutorial ausführlich erklärt. Leider unterstützt der Internet Explorer 6-8 keine Media Queries; folglich wird die optimierte Version der Website auch nicht angezeigt wenn der Besucher mit einem veralteten Internet Explorer unterwegs ist.
Nun könnte man einwenden, dass Media Queries in erster Linie für die Optimierung auf Smartphones genutzt werden und die Optimierung auf Desktop-Rechnern nicht so wichtig ist. Sicher ist die Optimierung für Handys und Tablets wichtiger - aber auch Desktop-Rechner und Notebooks unterscheiden sich in der Displaygröße mittlerweile deutlich und sollten bei der Konzeption entsprechend beachtet werden. Ein kleines JavaScript namens "respond.js" rüstet die fehlende Interpretation von Media Queries im Internet Explorer nach.

Diesen Beitrag zu Ende lesen


Facebook-Problem? Like-Button auch im IE7/IE8 anzeigen

ie7-ie8-facebook-like-button

Im Internet Explorer 7 bzw. im Internet Explorer 8 kann es vorkommen, dass der Like-Button von Facebook (»gefällt mir«-Button) trotz korrekter Einbindung nicht angezeigt wird. Im Internet Explorer 9, sowie in allen anderen gängigen Browsern funktioniert hingegen alles wie gewünscht. Woran liegt das? Und warum tritt dieses Problem nicht bei allen Seiten auf?

Diesen Beitrag zu Ende lesen


z-index-Bug im Internet Explorer 7 (IE7) mit jQuery lösen

z-index-bug-ie7

Der Internet Explorer 7 ist mittlerweile ja schon etwas angestaubt. Nichts desto trotz wird er in den meisten Web-Projekten noch berücksichtigt, was angesichts der Verbreitung des Browsers auch nach wie vor sinnvoll ist. Der Internet Explorer 7 ist allerdings für einige sehr ärgerliche Bugs bekannt, zu denen unter anderem auch der z-index-Bug gehört. Hierbei ordnet der IE7 trotz korrekt vergebenem z-index Layout-Elemente falsch an. Bei Drop-Down-Navigationen oder ähnlichen überlappenden Bereichen kann dieser Fehler daher zu etlichen grauen Haaren führen. Ein Live-Beispiel des Bugs findet ihr hier. Der z-index-Bug lässt sich auf verschiedene Arten lösen. Eine sehr schnelle und komfortable Variante bietet jQuery. Mit wenigen Zeilen Code kann die fehlerhafte Funktionalität im IE7 nachgerüstet werden.
Da ich genau dieses Problem vor wenigen Tagen lösen musste, möchte ich euch hier einen möglichen Lösungsweg zeigen.

Diesen Beitrag zu Ende lesen


Conditional Comment für den mobilen IE in Windows Phone 7

ie9-windows-phone-7

Mit Conditional Comments lassen sich verschiedene Internet Explorer Versionen gezielt ansprechen um für den entsprechenden Browser abgewandelten - IE optimierten - Quellcode auszugeben.
Das ist ja auch bitter nötig wie wir alle wissen. Doch nicht nur die Desktop-Versionen lassen sich mit diesen Kommentaren beeinflussen - auch die mobile Version, die Bestandteil von Microsofts mobilen Betriebssystem Windows Phone 7 ist, kann angesprochen werden.

Diesen Beitrag zu Ende lesen


WebM-Videos im Internet Explorer 9 abspielen

internet-explorer-9-web-m

Bei WebM handelt es sich um einen recht neuen Video-Standard der unter anderem von Google entwickelt wurde aber auch seitens Mozilla und Opera gestützt wird. Der Vorteil liegt laut Google in einer besseren Performance und einem angenehmeren Lizenzmodell. In den drei entsprechenden Browsern Chrome, Firefox und Opera können WebM Videos nativ abgespielt werden. Microsoft und Apple hingegen benötigen in den aktuellen Browserversionen (noch?) ein entsprechendes Plugin um WebM-Videos abspielen zu können. Für den erst kürzlich veröffentlichten Internet Explorer 9 hat Google nun das entsprechende Plugin veröffentlicht.


Der Internet Explorer 9 ist da. Und alles wird gut?

internet-explorer-9-icon

Microsoft hat heute früh gegen 6:00 Uhr die neuste Generation des Internet Explorers zum Download bereitgestellt. Zuvor wurde laut Firmenangaben der Release Candidate des IE9 mehr als 40 Mio. mal heruntergeladen und getestet. Der Internet Explorer 9 kann entweder manuell per Download installiert werden oder installiert sich über das Windows-Update. Allerdings wird für den neuen Browser mindestens Windows Vista bzw. Windows 7 benötigt. Für Mac oder Linux steht der Internet Explorer wie gewohnt nicht zur Verfügung.
Für Webentwickler und -designer wird dank des neuen IEs der Arbeitsalltag um einiges leichter. Der Internet Explorer 9 unterstützt moderne Techniken wie CSS3 und HTML5 und bietet eine drastisch verbesserte Performance dank Hardware-Beschleunigung.

Diesen Beitrag zu Ende lesen


Microsofts IE6 Countdown inkl. WordPress Plugin

ie6-countdown

Vor kurzem hat Microsoft mit IE6Countdown eine eigene Seite zur „Ausrottung“ des Internet Explorer 6 veröffentlicht. Das Ziel dieser Seite besteht darin aufzuklären warum der IE6 nichtmehr zeitgemäß ist und wie Internet-User auf einen modernen Browser updaten können. Angeboten wird hier als Alternative natürlich die moderne Version des Internet Explorers 9.
Webdesigner können die Aktion mit der eigenen Website unterstützen. Über ein Code-Snippet oder das WordPress-Plugin.

Diesen Beitrag zu Ende lesen