Schreibtisch im Februar.

Vorhin habe ich einen echt hilfreichen Artikel gefunden zum Thema Internet Explorer Kompabilität.
“10 ways to make Internet Explorer act like a modern browser” Zeigt für einige der neuen Web Methoden wirkungsvolle Lösungen.

Zum beispiel können wir mit einem kurzem Befehl dem IE HTML 5 beibringen:
<!–[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> 3. <![endif]–>

Oder Runde Ecken?
<script type=”text/javascript” src=”DD_roundies.js”></script>
<script type=”text/javascript”>
DD_roundies.addRule(‘.roundify’, ’10px’);
</script>
<script type=”text/javascript” src=”DD_roundies.js”></script><script type=”text/javascript”>  DD_roundies.addRule(‘.roundify’, ’10px’);</script>

Naja auf jedenfall findet ihr diese und noch 8 weitere Beispiele hier.

Internet Explorer und position:fixed

Kurz vor Jahresende dachte ich schreibe doch mal wieder was über unseren Freund den Internet Explorer.
In meinem letztem Beitrag habe ich angemerkt das der Standard Browser von Microsoft keine CMYK Bilder darstellen kann.
Heute hatte ich mit position: fixed zu kämpfen.
Abgesehen von den üblichen 1-3px Versatz im Layout zu allen anderen Browsern mit denen ich mich auch abgefunden habe, war ich mal wieder erstaunt darüber wie halbfertig der IE 6.x ist.
Danke dafür!

Was stimmt mit position: fixed nicht?
Naja,… eigentlich nichts.
Aber anstatt auf position: absolute; zurückzugreifen, was besser wäre als nichts, wird auf position: static; verwiesen welches als CSS Standard gilt.
Das hat den selben Effekt als wenn keine Positions angabe gemacht worden wäre.
Erst der Internet Explorer 7 ab der Beta 2 unterstützt position: fixed;.

Es gibt zahlreiche Workarounds für dieses Problem aber keine Endgültige Lösung da die meisten auf anderen Bugs des Browser aufbauen und somit mit jedem Update hinfällig sein könnten.
Es solide und einfache Lösung bietet <a href=”http://www.doxdesk.com/software/js/fixed.html”>Andrew Clover</a> auf seiner Webseite mit einem JavaScript der das Problem behebt.
Einfach Einbinden:
<script type="text/javascript" src="js/fixed.js"></script>
Und fertig ist die Laube.

Zum Download der JavaScript

Zwar sieht man leichte Verzögerung aber es ist besser als komplett auf das Attribut zu verzichten.
Danke dafür! (Und diesmal ernst gemeint)