CSS – Novi browser-i i pitanje kompatibilnosti

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