Lista bugów przeglądarek (głównie Explorera)
Aplikowanie poprawek i obejść dla Internet Explorera
Polecamy użycie osobnego arkusza stylów i ukrycie go w komentarzu warunkowym. To daję gwarancję, że poprawki dla Internet Explorera nie będą przeszkadzały innym przeglądarkom.
W przypadku pojedynczych obejść tylko dla Internet Explorera 6 i starszych wersji, można użyć * html hack.
Hacki na Firefoksa można aplikować za pomocą sztuczki z -moz-selektorami.
Strony z opisami błędów
- Lista poprawek w IE7 — podobno 200 bugów poprawili
- Bugi, które pozostały w IE7 — css-discuss
- No, Internet Explorer did not handle it properly
- CSS — quirksmode.org
- Explorer Exposed! — positioniseverything.net
- CSS Destroy
- Complex spiral demo
- Pure CSS menus
- Bugi IE na Channel9 Wiki
- Testy Hixiego
- QuirksMode o IE7b2
Ilość bugów różnych przeglądarek można porównać na WebDevOut.
Opisy błędów przeglądarek
Opisy dotyczą tylko trybu zgoności ze standardami oraz najnowszych wersji przeglądarek będących w użyciu (Internet Explorer 6 i 7, Opera 9, Firefox 2, Safari 2 i 3).
Nowy bug dodaj tworząc do niego link na stronie kursu opisującej dany element. Alternatywnie możesz wejść na nieistniejącą jeszcze stronę (edytując adres ręcznie) i wybrać „Edytuj”
- Brak obsługi rgba()
- Brak white-space:pre-wrap w różnych przeglądarkach
- Brak wsparcia dla nawigacji poprzez atrybuty rel
- BrakXHTML
- Fx: Brak obsługi dzielenia wyrazów
- Fx: Brak obsługi inline-block
- IE i Fx: brak obsługi display run-in
- IE6: (Nie)przesuwalne tło na elementach
- IE6: Brak możliwości rozciągania absolutnie pozycjonowanych elementów (left+right/top+bottom)
- IE6: Brak obsługi :first-child
- IE6: Brak obsługi border-color:transparent
- IE6: Brak obsługi kombinatora dziecka
- IE6: Brak obsługi kombinatora następnika
- IE6: Brak obsługi min-width i min-height
- IE6: Brak obsługi position:fixed
- IE6: Brak obsługi selektora atrybutu
- IE6: Błędna obsługa <body> z nadaną szerokością
- IE6: Błędne obliczanie szerokości tekstu pisanego kursywą
- IE6: Ignorowanie średnika za regułami CSS
- IE6: Margines elementów pływających podwojony
- IE6: Nieodświeżanie potomków przy :hover
- IE6: Nieprawidłowa obsługa selektora ogólnego
- IE6: Odstęp na trzy pixele obok float
- IE6: Problematyczna obsługa PNG
- IE6: Rozciąganie szerokości i wysokości przy overflow:visible
- IE6: Select zawsze na wierzchu
- IE6: Selektory kilku klas zbugowane
- IE6: Słaba obsługa favicon
- IE6: Wybrakowana obsługa :hover
- IE6: Wybrakowana obsługa border:dotted
- IE6: Wyciek pamięci przez garbage collector może powodować spowolnienie całego Windows
- IE6: XMLHttpRequest wymaga ActiveX
- IE7: Proste anulowanie zdarzeń już nie działa
- IE: „Padding” w <input type="button">
- IE: <object> zepsuty pod każdym względem
- IE: Atrybut alt udaje title
- IE: Białe znaki między elementami list powodują odstępy
- IE: Brak dokładnej kontroli nad box-modelem
- IE: Brak obsługi <option disabled>
- IE: Brak obsługi addEventListener
- IE: Brak obsługi alternatywnych arkuszy stylów
- IE: Brak obsługi border-spacing
- IE: Brak obsługi cytatów <q>
- IE: Brak obsługi data URL/URI
- IE: Brak obsługi display:table-cell
- IE: Brak obsługi generated content
- IE: Brak obsługi inherit
- IE: Brak obsługi max-width i max-height
- IE: Brak obsługi outline
- IE: Brak obsługi pipeliningu HTTP/1.1
- IE: Brak obsługi prostej i bardziej dostępnej wersji map obrazów
- IE: Brak obsługi prototypów dla DOM
- IE: Brak obsługi pseudo-klasy :focus
- IE: Brak obsługi SVG i <canvas>
- IE: Brak obsługi XHTML
- IE: Błędna obsługa <button>
- IE: Błędna obsługa cache dla grafik tła
- IE: Błędna obsługa zapadania się marignesów
- IE: Błędnie wyliczana kaskada pseudo-klas oraz !important
- IE: display:inline nie do końca inline
- IE: display:none nie jest ignorowany przez screen readery
- IE: Dynamiczny <input> nie działa
- IE: elementy bez tła są nieklikalne
- IE: filter:alpha może powodować, że odnośniki przestają działać
- IE: hasLayout, czyli dwa kIEpskie silniki na raz
- IE: ignorowanie MIME type i zgadywanie typu pliku
- IE: kIEpska obsługa pustych elementów
- IE: Magiczny odstęp za <a>
- IE: Meta Imagetoolbar jest hackiem
- IE: Mruganie przy odświeżaniu tła
- IE: nie można odczytać <label for> przez getAttribute()
- IE: nie przekazuje obiektu Event jako argument
- IE: Niepełna obsługa inline-block
- IE: Nieprawidłowe zachowanie kontenera elementów pływających
- IE: Obrazki nie zachowują się jak elementy liniowe (inline)
- IE: Odnośniki z paddingiem nieklikalne
- IE: Pozycja tła względem obramowania
- IE: Problematyczna obsługa URI
- IE: Problematyczne stylowanie <hr/>
- IE: Prosta wersja <label> nie działa
- IE: Przycinane tło elementów inline
- IE: Przycięta krawędź obramowania elementów bez hasLayout
- IE: Pułapki przy zaznaczaniu tekstu
- IE: Sporadyczne puste strony gdy użyty jest gzip
- IE: Strony POST „wygasają” przez pomylenie Cache z Historią
- IE: Strony z informacjami o błędach HTTP nie są pokazywane
- IE: tło wychodzi poza <fieldset>
- IE: Umyślne ignorowanie <abbr>
- IE: Wykrywanie pluginów problematyczne
- IE: Zbugowana obsługa overflow:auto
- IE: Zbugowany Digest Auth
- IE: Zdarzenia nIE są propagowane do documentElement
- IE: zdarzenie change nie bąbelkuje
- IE: Zmiana rozmiaru tekstu nie działa lub działa zbyt mocno
- IE: Znikające text node'y
- O: <object> nie lubi wideo
- O: Brak reakcji na :hover z kombinatorem następnika
- O: Brak sprawdzenia zdarzenia :hover przy wystąpieniu :active (na innej warstwie)
- O: Błąd w obsłudze :focus
- O: Ignorowanie marginesów za float
- O: nie odróżnia klawiszy kropki i Delete
- O: Rozmiar komórek nie jest zawsze przeliczany
- O: Wymiary w procentach są zaokrąglane
- OP: puste elementy w dynamicznym <select>
- PocketIE: próbuje wyświetlać arkusze dla media=screen i media=handheld na raz
- Problem z precyzją wymiarów
- S: Brak obsługi nextSibling w CSS
Zmodyfikowano: 16.08.2007, 23:27