R∙zn² styl v r∙zn²ch prohlφ╛eΦφch

Ka╛d² prohlφ╛eΦ zobrazuje CSS styly trochu jinak. Obzvlß╣╗ ╣patn∞ je na tom Netscape Navigator 4. Objevil jsem finty, pomocφ kter²ch lze stejn²m element∙m vnutit r∙znΘ styly v Exploreru 4, v Mozille, v IE5 i v Navigatoru 4.

Navigator 4

Zßkladnφ otßzka znφ, zda nenφ lep╣φ NN4 ignorovat a vyka╣lat se na to, jak v n∞m strßnky vypadajφ, proto╛e tenhle program podporuje styly opravdu ╣patn∞. Odpov∞∩ je jednoduchß: vyka╣lat se na n∞j nelze, proto╛e je to jedin² po°ßdn² prohlφ╛eΦ, kter² ╣lape na Linuxu.

Ignorovßnφ deklarace

Zßkladnφ zßhadnß vlastnost podpory CSS v Navigatoru je tato: pokud se v deklaraci (uvnit° slo╛enΘ zßvorky) vyskytne vlastnost, kterΘ NN4 nerozumφ, potom ignoruje celou deklaraci (slo╛enou zßvorku).

vezmou v╣echny prohlφ╛eΦe krom∞ NN4, proto╛e se tam vyskytuje °et∞zec "blbost", co╛ pro NN4 nenφ nßzev CSS vlastnosti. V praxi je lep╣φ dßvat tam n∞co srozumiteln∞j╣φho ne╛ "blbost", jß tam dßvßm "neNN4" nebo "IE". Je t°eba dßvat pozor i na n∞kterΘ standardnφ vlastnosti, kterΘ nemß NN4 implementovßny, jako nap°φklad "clip" nebo "filter".

Kaskßdovßnφ

P°edchozφ vlastnosti se dß vyu╛φt pouze v Exploreru. Jak ale ud∞lat odkaz v NN4 t°eba zelen² a v IE Φerven²? Vyu╛iju na to obecnΘ kaskßdovacφ pravidlo, kterΘ °φkß, ╛e deklarace uvedenß pozd∞ji mß v∞t╣φ prioritu.

Explorer vezme ob∞ deklarace, ale pou╛ije tu druhou, proto╛e je pozd∞j╣φ. NN4 tu druhou deklaraci nechßpe, tak pou╛ije tu prvnφ.

Rovnφtko a uvozovky

Internet Explorer 4 a vy╣╣φ (a╛ do 5.5 krom∞) umo╛≥uje zadßvat CSS deklarace i s rovnφtky a uvozovkami (aΦkoli to nenφ ve specifikaci). Nap°φklad color= blue, color: "blue" nebo

color=
"blue"

ZajφmavΘ je pouva╛ovat, co to ud∞lß s NN4. Zatφmco p°i pou╛itφ rovnφtka zapomene na celou deklaraci (slo╛enou zßvorku), proto╛e vlastnost "color=" neznß, p°i pou╛itφ color: "blue" neznß pouze to ""blue"", tak╛e zbytek zßvorky vezme. ZejmΘna uvozovky se tedy hodφ, kdy╛ chci, aby NN4 nevzal pouze jednu vlastnost.

N∞kter²m verzφm Netscapu 4 uvozovky nevadφ a u pφsma a barvy je bere. Rovnφtko ale nikde.

Dopln∞nφ: podle zprßv od Microsoftu verze Internet Explorer 5.5 nebude chßpat obsah uvozovek! O rovnφtku se to nezmi≥uje.

Mozilla 5

Mozilla je v²vojovou verzφ Netscapu 5 a je jedin²m mn∞ znßm²m prohlφ╛eΦem, kter² CSS podporuje p°esn∞ podle specifikace. Tak╛e neznßmß vlastnost Mozillu nerozhodφ, rovnφtka a uvozovky ale nebere (co╛ je sprßvn∞).

Roz╣φ°φm-li nynφ zadßnφ p°φkadu s r∙znou barvu odkazu v r∙zn²ch prohlφ╛eΦφch (a v Mozille budu chtφt odkazy tmav∞ modrΘ), bude to vypadat takto:

Prvnφ °ßdek je pro NN4, druh² je pro Mozillu, IE 5.5 plus v╣echny ostatnφ normßlnφ prohlφ╛eΦe a poslednφ °ßdek je pro Internet Explorer 4.0 nebo 5.1, kterΘ jedinΘ chßpou rovnφtko.

Podtr╛φtko v ID

Chcete-li n∞jak odli╣it definici stylu v IE 5 od jin²ch prohlφ╛eΦ∙, vyu╛ijte toho, ╛e Internet Explorer 5.0 jako jedin² prohlφ╛eΦ dovoluje v nßzvech t°φd a identifikßtor∙ (class a id) pou╛φt podtr╛φtka. JinΘ prohlφ╛eΦe se chovajφ jako by t°φda (nebo ID) nebyla v∙bec zadßna.

Podobn∞ Internet Explorer vezme v pohod∞ t°φdy, kterΘ zaΦφnajφ Φφslicφ. To se podle specifickace nemß, tak╛e Netscapy a ostatnφ prohlφ╛eΦe to ignorujφ.

Velkß a malß pφsmena v class

Internet Explorer 5.5 pr² v nßzvech t°φd a identifikßtor∙ rozli╣uje velkß a malß pφsmena. Toho by se takΘ dalo vyu╛φt, pokud chcete rozli╣it IE 5.5 od zbytku sv∞ta.

Pozor na editory

N∞kterΘ HTML editory p°i uklßdßnφ strßnek "blbosti", rovnφtka a uvozovky ma╛ou. KonkrΘtn∞ zji╣t∞no u FrontPage 2000.

V²znam

M∙╛e se zdßt, ╛e barvenφ odkaz∙ r∙zn∞ v r∙zn²ch prohlφ╛eΦφch je blbost. Po pravd∞ °eΦeno v p°φpad∞ barvenφ odkaz∙ to blbost je. Budete-li si ale hrßt s rßmeΦky, pozicovßnφm, okraji odstavc∙, dΘlkov²mi jednotkami atd., vyu╛ijete popsanΘ triky bohat∞.