Pique - standardy sieciowe » IE

Nowa odsłona IE PNG Fix

Krzysztof Danek — Thu, 17 Jul 2008 13:10:39 +0000

IE6 nie wybiera się na zasłużoną emeryturę w najbliższej przyszłości. Codzienna udręka z tą przeglądarką stała się właśnie odrobinę wygodniejsza.

Powstała nowa wersja popularnego narzędzia IE PNG Fix, autorstwa Twin Helix Design. Służy ono do włączania obsługi kanałów alpha w obrazkach zapisanych w formacie PNG.

Nowa wersja 2.0 alpha 1 ma dwie nowe, rewelacyjne funkcje, niedostępne wg mojej wiedzy w innych rozwiązaniach. Udostępniono obsługę dwóch właściwości CSS: background-position i background-repeat. Mam szczerą nadzieję, że ten skrypt podoła ciężkim warunkom bojowym codziennej pracy i będzie można go swobodnie używać do momentu, gdy IE6 przestanie mieć znaczenie (koło 2011 roku, jak tak dalej pójdzie z tempem konwersji).

Kontrolki ActiveX w IE wracją do poprzedniego stanu

Krzysztof Danek — Fri, 09 Nov 2007 07:57:11 +0000

Od kwietnia 2008 roku zniknie potrzeba aktywowania kontrolek w IE! Po długiej walce Microsoftowi udało się odkupić od firmy Eolas licencję na technologię, która to umożliwia. Wszyscy twórcy stron/aplikacji flashowych będą mieli jeden problem mniej z głowy.

Z drugiej strony problem można było obejść korzystając z takich technik jak UFO czy SWFObject. Zawsze wydawało mi się to lepszym rozwiązaniem.

Automatyczne przypisanie ID do znaczników META

Krzysztof Danek — Sat, 25 Nov 2006 23:12:04 +0000

W trakcie pracy nad ostatnim projektem natknąłem się na jeden z dziwniejszych błędów JavaScript. Do znaczników meta są automatycznie przypisywane atrybuty id o wartości takiej, jak atrybut name. Napisałem krótki przykład ilustrujący ten problem (wersja dla HTML 4.01). Po kliknięciu na dany przycisk wyświetlany jest typ znacznika o danym atrybucie. W IE 6.0, IE7 RC1 i Operze 9.01 otrzymujemy META, podczas gdy Firefox 2.0 wyświetla poprawnie P.

Zgodnie ze specyfikacją znaczników META na stronie W3C atrybut id nie jest dla nich prawidłowy. Nie udało mi się też nigdzie znaleźć powodu ani nawet opisu takiego zachowania. Kliknięcie na przyciski powinno wyświetlać wartość SPAN. Inne zachowanie jest nieprawidłowe.

Jeśli macie jakieś informacje na ten temat – dajcie znać.

Aktualizacja. Praktycznie pięć minut po kliknięciu ”Publikuj“ znalazłem przyczynę problemu. Moje początkowe założenia były niewłaściwie – problem nie dotyczy wyłącznie znaczników meta. Zgodnie z tym Raportem błędów na stronie niezastąpionego PPK metoda document.getElementById(foo) zwraca w IE elementy z atrybutem name równym foo. Opera świadomie stosuje takie samo rozwiązanie w celu rozwiązania problemów z niektórymi ważnymi stronami, oczekującymi takiego właśnie podejścia. Dla porządku dodałem jeszcze jeden przykład ilustrujący problem.

Aktualizacja 2. Zaczynam podejrzewać międzynarodowy spisek, chociaż jednocześnie pewną ulgę. Kilka godzin po moim poście, Jeremy Keith opublikował wpis “Names and IDs” na ten sam temat. Pozostaje mi się cieszyć tylko, że nie tylko taki szary ludek jak ja miał z tym problem…

min-width w Internet Explorer przy pomocy expression

Krzysztof Danek — Wed, 08 Nov 2006 12:11:57 +0000

Jeden z projektów, nad którym obecnie pracuję wymaga zastosowania właściwości min-width. Istnieje kilka rozwiązań tego problemu, jedne mniej, inne bardziej intuicyjne. Ze względu na pozycjonowanie absolutne, minusowe marginesy i sporą ilość floatowanych elementów postanowiłem, zamiast czysto CSSowego rozwiązania , zastosować expression. Wszystkie przykłady, które znalazłem w Internecie, sprowadzają się do następującego wyrażenia:

body { width:expression(document.body.clientWidth < 750? "750px": "auto" ); }

Proste, nie? Nie byłem jednak zbyt zdziwiony, gdy to nie zadziałało…

Na całe szczęście po raz kolejny z pomocą przyszedł niezastąpiony Peter-Paul Koch. W artykule document.body and doctype switching znalazłem następujący fragment:

If you use a DOCTYPE that puts Explorer 6 in standards compliant mode, some properties of document.body are reassigned to document.documentElement.

Jednym słowem – jeśli używacie DOCTYPE to minimalną szerokość w IE przy pomocy expression można uzyskać następująco:

body { width:expression(document.documentElement.clientWidth < 750? "750px": "auto" ); }

Uwaga: Internet Explorer w wersji 5 będzie jednak działał tylko dla pierwszej wersji jak rozumiem. Jeśli musicie wspierać tą przeglądarkę, to proponuję zastosować osobny arkusz dla tej wersji IE i użyć komentarzy warunkowych