Artykuły do poprawy

Wsparcie przeglądarek

  • 2010-10-31 18:27
  • 7 komentarzy
  • 908 odsłon
  • Oceń ten tekst jako pierwszy
Ten artykuł wymaga dopracowania!

Jeżeli możesz popraw ten artykuł według zaleceń, które możesz znaleźć na stronie Artykuły do poprawy. Po dopracowaniu tego tekstu można usunąć ten komunikat.


Jednym z większych problemów podczas używania CSS jest fakt ze nie wszystkie przeglądarki obsługują go jednakowo.

W skrócie można powiedzieć ze przeglądarki Opera oraz Firefox w pełni obsługują CSS 1, prawie obsługują CSS 2 i częściowo CSS 3.

Internet Explorer natomiast jest swoistą czarną owcą wśród przeglądarek. Używa go największa ilość internatów, mimo że ma najsłabszą obsługę CSS. Nie dość ze obsługuje on tylko CSS 1 i znikomą część CSS 2 to jeszcze ma wiele błędów powodujących nieprawidłowe wyświetlanie stron. Strony pisane zgodnie ze standardem w3c często nie działają poprawnie na IE, co stanowi barierę rozwoju sieci i stosowania nowych technologii.

Szczegóły obsługi CSS


PolecenieMSIEFirefoxOpera
5.5671.5289
font O O O O O O O
font-size O O O O O O O
font-family O O O O O O O
font-style O O O O O O O
font-weight O O O O O O O
font-variant O O O O O O O
font-stretch N N N N N N N
font-size-adjust N N N O O N N
color O O O O O O O
text-decoration O O O O O O O
text-transform O O O O O O O
text-align O O O O O O O
text-indent O O O O O O O
line-height O O O O O O O
word-spacing N O O O O O O
letter-spacing O O O O O O O
white-space C C C C C C C
background O O O O O O O
background-color O O O O O O O
background-image O O O O O O O
background-repeat O O O O O O O
background-position O O O O O O O
background-attachment C C O O O O O
box-sizing N N N C C O O
margin O O O O O O O
margin-top O O O O O O O
margin-bottom O O O O O O O
margin-left O O O O O O O
margin-right O O O O O O O
padding O O O O O O O
padding-top O O O O O O O
padding-bottom O O O O O O O
padding-left O O O O O O O
padding-right O O O O O O O
border O O O O O O O
border-style O O O O O O O
border-color O O O O O O O
border-width O O O O O O O
border-bottom-color O O O O O O O
border-bottom-style O O O O O O O
border-bottom-width O O O O O O O
border-bottom O O O O O O O
border-left-color O O O O O O O
border-left-style O O O O O O O
border-left-width O O O O O O O
border-left O O O O O O O
border-right-color O O O O O O O
border-right-style O O O O O O O
border-right-width O O O O O O O
border-right O O O O O O O
border-top-color O O O O O O O
border-top-style O O O O O O O
border-top-width O O O O O O O
border-top O O O O O O O
outline N N N O O O O
outline-color N N N O O O O
outline-style N N N O O O O
outline-width N N N O O O O
list-style O O O O O O O
list-style-type C C C O O O O
list-style-position O O O O O O O
list-style-image O O O O O O O
width O O O O O O O
height O O O O O O O
max-width N N O O O O O
min-width N N O O O O O
max-height N N O O O O O
min-height N N O O O O O
overflow O O O O O O O
caption-side N N N O O C C
table-layout O O O O O O O
border-collapse O O O O O O O
border-spacing N N N O O O O
empty-cells N N N O O O O
position C C C C C C C
clip O O O O O O O
display C C C C C O O
visibility O O O O O O O
float O O O O O O O
clear O O O O O O O
cursor O O O O O O O
page-break-before O O O O O O O
page-break-after O O O O O O O
page-break-inside N N N N N O O
widows N N N N N O O
orphans N N N N N O O


Selektory


NazwaMSIEFirefoxOpera
5.5671.5289
CSS 1
Selektor prosty
p
O O O O O O O
Selektor potomka
ul li
O O O O O O O
Selektor klasy
.klasa
O O O O O O O
Selektor identyfikatora
#identyfikator
O O O O O O O
CSS 2
Selektor uniwersalny
*
N O O O O O O
Selektor dziecka
ul > li
N N O O O O O
Selektor braci
h1 + h2
N N O O O O O
Selektor atrybutu
a[target]
N N O O O O O
atrybut równy wyrazowi
a[href="index.html"]
N N O O O O O
wyraz oddzielony spacjami
acronym[title~="language"]
N N O O O O O
wyraz oddzielony myślnikami
body[lang|="en"]
N N O O O O O
CSS 3
Selektor prefiksu
a[href^="http://"]
N N O O O O O
Selektor sufiksu
a[href$=".zip"]
N N O O O O O
atrybut zawiera wyraz
span[title*="4programmers"]
N N O O O O O
tekstowa zawartość elemtentu
p:contains("foo")
N N N N N N N
element poprzedzony
p ~ div
N N N O O O O


Pseudoelementy i pseudoklasy


NazwaMSIEFirefoxOpera
5.5671.5289
CSS 1
visited O O O O O O O
active O O O O O O O
link O O O O O O O
first-line O O O O O O O
first-letter O O O O O O O
CSS 2
before N N N O O O O
after N N N O O O O
hover C C O O O O O
focus N N N O O O O
lang N N N O O O O
first-child N N N O O O O


Treść generowana


NazwaMSIEFirefoxOpera
5.5671.5289
content N N N O O O O
?? string N N N O O O O
?? uri N N N O O O O
?? attr() N N N B O O O
quotes N N N O O O O
counter N N N O O O O
counters N N N O O O O
counter-reset N N N O O O O
counter-increment N N N O O O O



OObsługuje polecenie
NNie obsługuje polecenia
CCzęściowa obsługa
BBłędna obsługa


Zobacz także


7 komentarzy

Kooba 2006-11-26 13:12

po prostu nie wiedziałem ze opera 8 i 9 oraz fx 1.5 i 2 nie różnią sie od siebie (gdy to zaczynałem pisać nie było nawet Fx2)

IE 6 miał wiele zmian w stosunku do 5.5 wiec myśle ze warto było go wyszczególnić.

I rzeczywiście chyba lepiej było pisać tak jak mówisz: zamiast "O" numerek wersji, ale z drugiej strony było by to dużo wiecej roboty :/

Adamo 2006-11-25 21:59

super rzecz, niby nic trudnego do zrobienia ale troszkę czasu trzeba mieć
tylko zastanawia mnie po co wyszczególnienie dwóch wersji FF i Opery skoro nic się w nich nie zmienia, tak samo IE 5.5 a 6.0 jest różnica tylko w jednym miejscu więc możnaby dać to pod gwiazdką, albo zamiast O wpisywać najwcześniejszą wersję od której wspiera daną rzecz, bo raczej się nie zdaża że nowsza wersja nie obsługuje czegoś co obsługiwała wcześniej

Kooba 2006-08-03 12:26

tak batas, to sa miejsca gdzie nie jestem pewien wiec wolałem nie pisać nic,

zachecam do poprawek - art moze miec błedy a poza tym trzeba uzupełnić te puste luki :P

jrCoder 2006-08-03 11:09

Naprawdę bardzo przydatny art dla webmasterów 9/10 :)

batas2 2006-08-02 20:11

Nie wiem czy tak miało byc ale nie widać znaków zapytania na biłaym tle. :)

Kooba 2006-08-02 14:58

Dane o ff mogą byc nieprawidłowe

Ktos 2006-08-04 19:20

Naprawdę niezła robota Kooba, szacunek :)