Sada kada na raspolaganju imamo znatno promenjene i unapređene verzije web čitača Netscape Navigator-a (verzije 6.0), i Internet Explorer-a (verzije 5.5), vreme je da napravimo analizu da li je moguće potpuno korišćenje svih opcija koje nude kaskadni stilovi (Cascading Style Sheets – CSS). Uz samo nekoliko izuzetaka, svi novi browser-i potpuno podržavaju CSS 1 specifikaciju. Međutim, još postoje neke značajne razlike sa kojima treba da se upoznate pre nego što CSS upotrebite na vašem sajtu.
Oba browser-a, i Internet Explorer 5.5 i Netscape Navigator 6.0, donose značajna unapređenja u pogledu CSS kompatibilnosti. U stvari, postoji samo nekoliko osobina koje nisu „sigurne“ za upotrebu u jednom ili drugom čitaču, pa ih treba izbegavati. Netscape Navigator 6.0 trenutno čak prevazilazi Internet Explorer 5.5 i čitač Opera 5.0, pa ga tako možete iskoristiti kao referencu kada proveravate kako vaš CSS kod radi.
U kratkim crtama predstavićemo CSS osobine koje treba izbegavati u korišćenju (ili treba biti samo pažljiviji kod njihove upotrebe):
- Ne koristite osobinu WORD-SPACING, pošto je potpuno ignorisana od strane Internet Explorer-a.
- Netscape Navigator 6.0 „ne razume“ vrednost NONE osobine CLEAR, dok ostale vrednosti prepoznaje.
- Osobina LIST-STYLE-TYPE problematična je u čitaču Opera 5.01. Isto tako je i sa osobinom WORD-SPACING.
- Izgleda da Internet Explorer 5.5 ima nekih problema pri tumačenju odgovarajućeg kaskadnog redosleda kada se koristi iskaz @IMPORT.
- Kada koristite ID kao selektor, proverite da li koristite ista slova (velika/mala slova), jer će čitač Netscape Navigator 6.0 selektore ID=“PROBA“ i ID=“proba“, različito interpretirati.
- Pazite kod korišćenja većih slika sa osobinom LIST-STYLE-IMAGE, jer je moguće da će biti odsečena na marginama u browser-ima Netscape Navigator 6.0 i Opera 5.01.
- Osobina BORDER-STYLE je funkcionalna u svim bitnijim browser-ima, osim što vrednost BORDER-STYLE: DOTTED kod NN 6.0 i Opera-e 5.01 prouzrokuje prikaz pravouglih „tačaka“, a kod Internet Explorer-a 5.5 dobijamo kružiće.
- Svi poznatiji browser-i imaju problema sa osobinom FONT-WEIGHT. „Težinu“ od 100 do 300 svi browser-i jednako renderuju, a vrednost FONT-WEIGHT: BOLDER izgleda ne radi u NN 6.0 i IE 5.5 (dok u Opera-i radi).
Velika razlika između Internet Explorer-a i Netscape Navigator-a je u načinu upravljanja prikazom veličine fontova. IE (kao i Opera) koristi manja font podešavanja u odnosu na prikaz Netscape Navigator-a. Ovo znači da ako planirate da koristite bilo kakva podešavanja fontova – spremite i JavaScript kod koji će izvršiti promenu CSS stila u odnosu na browser. U sledećem prilogu ćemo prikazati kako preusmeriti čitače na odgovarajući stil.
Pratite Krstaricu na www.krstarica.com