Microsoft Internet Explorer
Wpis dodany 2009.01.28, 00:31:45, 0 komentarzy
Notka adresowana do osób zajmujących się tworzeniem stron WWW.
Każdy webdeveloper/webdesigner tworzący strony zgodnie ze standardami, wie doskonale, jak bardzo zacofana technologicznie jest przeglądarka Microsoft Internet Explorer. Niestety, testując kolejne wersje najnowszej IE (8) ze smutkiem obserwuję, że nawet największe od lat postępy oznaczają tylko zbliżanie się IE do nowoczesnych przeglądarek.
Po kompletnie nieużywalnym w wersji 6 i "skaczącym" w wersji 7 menu Katalogu SEO, IE 8 ma problemy z ukrywaniem bloków, ukrywa za to niepotrzebnie odnośniki (nie mam nawet pomysłu czemu).
Widać więc wciąż duże problemy z CSS - naturalnie nowoczesne przeglądarki (najnowsze wersje: Mozilla Firefox, Opera, Apple Safari, Google Chrome, Epiphany) wyświetlają menu w 100% poprawnie.
Postanowiłem więc, że Katalog SEO -mimo swej natury- zacznie wyświetlać ostrzeżenie dla użytkowników Microsoft Internet Explorer... Jeśli ktokolwiek byłby zainteresowany podobnym rozwiązaniem, zachęcam do umieszczenia kodu:
Tuż po <body>
<!--[if IE]><script type="text/javascript" src="msie.js"></script><![endif]-->
W pliku msie.js
// Internet Explorer warning
document.write('<div style="display:block;text-align:left;background:url(download/icon-error.gif) no-repeat center left #FFFFA3;border-bottom:1px solid #D58A00;color:#0A0700;padding:2px 0 2px 18px;margin:0;">Używasz Microsoft Internet Explorer - przeglądarka ta <a href="http://pl.wikipedia.org/wiki/Acid2" rel="nofollow" style="color:#0A0700;text-decoration:underline;font-weight:normal;">wyświetla strony błędnie</a>! Zalecamy zmianę przeglądarki na <b>dowolną inną</b> (np. <a href="http://firefox.pl/" rel="nofollow" style="color:#0A0700;text-decoration:underline;font-weight:normal;">Firefox</a>).</div>');
Lub -alternatywnie- bez użycia zewnętrznego pliku:
Wyłącznie tuż po <body>
<!--[if IE]>
<script type="text/javascript">
// Internet Explorer warning
document.write('<div style="display:block;text-align:left;background:url(download/icon-error.gif) no-repeat center left #FFFFA3;border-bottom:1px solid #D58A00;color:#0A0700;padding:2px 0 2px 18px;margin:0;">Używasz Microsoft Internet Explorer - przeglądarka ta <a href="http://pl.wikipedia.org/wiki/Acid2" rel="nofollow" style="color:#0A0700;text-decoration:underline;font-weight:normal;">wyświetla strony błędnie</a>! Zalecamy zmianę przeglądarki na <b>dowolną inną</b> (np. <a href="http://firefox.pl/" rel="nofollow" style="color:#0A0700;text-decoration:underline;font-weight:normal;">Firefox</a>).</div>');
</script>
<![endif]-->
