Kao što već znamo, pored selektora koji je jedna strana CSS opisa, moramo znati i koja svojstva i vrednosti možemo koristiti.

Normalno je da nećete pamtiti napamet sva moguća svojstva jer ih, sa jedne strane, ima previše, a i sa druge, nepotrebno je. Ionako su uvek pri ruci na internetu i/ili u literaturi. Ono što je bitno jeste znati kako ih primeniti i gde.

Prikaz u različitim browserima

Ukoliko pitate bilo kod iskusnog web developera, dizajnera ili uopšte osobu koja ima iskustva sa HTML i CSS-om, da li se CSS ponaša potpuno isto u različitim browserima, dobićete odričan odgovor. Kao i kod HTML-a, CSS je tekstualni dokument koji treba parsirati i prikazati, a to sve zavisi od mnogih detalja, a najviše od samog browsera. Već postaje čuvena priča o MS Internet Exploreru i njegovom (ne)poštovanju opšteprihvaćenih standarda. IE i dalje kasni drastično za ostalim modernim browserima (Chrome, Opera, Firefox). Ono što mi, kao kreatori weba, moramo raditi je to da naše sajtove testiramo na različitim browserima, kako bismo bili sigurni da se sve prikazuje normalno. Nije dovoljno napraviti sajt koji se idealno prikazuje u npr. Chrome pretraživaču, a zanemariti to što je sve pogrešno u Internet Exploreru. Iako lično možda ne koristite IE, veliki broj ljudi ga i dalje koristi. Pogledajte globalnu statistiku i statistiku za Srbijuu vezi sa korišćenjem browera na sledećim grafikonima:

Globalna statistika upotrebe različitih browsera za 2015.
Izvor slike i podataka – http://gs.statcounter.com

 

Statistika upotrebe različitih browsera u BiH za 2015.
Izvor slike i podataka – http://gs.statcounter.com

Pre početka rada na sajtu, morate odrediti (ili se dogovoriti sa naručiocem posla) koje ćete browsere podržati, da bi znali na koje funkcije možemo računati, jer jednostavno neke starije verzije ne podržavaju novije funkcije. Na primer, ako vlasnik sajta zahteva da se sajt može normalno otvoriti i u Internet Exploreru 6, slobodno zaboravite na sve novije funkcije, kao i na HTML5, CSS3 i tako dalje.

Pitanje ostaje kako ispraviti situaciju ako se u jednom browseru nešto prikazuje normalno, a u drugom ne. Krenućemo sa proverom po sledećim koracima:

• Da li postoji neka greška u našem HTML i/ili CSS kôdu. Ukoliko browser naiđe na nezatvoren tag, ukrštene tagove, loše napisan CSS opis i tako dalje, on će pokušati da pretpostavi šta bi trebalo da stoji i tu nastaju problemi. U većini slučajeva je ovde problem, a ne u samim browserima.
• Da li browser u kome se javlja problem podržava to što želimo da postignemo? Ovaj detalj smo već pomenuli u ranijem pasusu. Ne podržavaju svi browseri sve. Na primer, IE verzije 6 ne podržava transparentne PNG fajlove. U svim ostalima će se takav PNG prikazati normalno, osim u IE6. Ili možemo zameniti te PNG slike drugačijima, ili zanemariti IE verzije 6, ali to je već stvar planiranja.
• Ukoliko smo prošli prethodne dve stavke i naš problem nije vezan za njih, onda smo naišli na CSS browser bug, odnosno browser quirk. U tom slučaju, najbolje je potražiti odgovor i rešenje na internetu, jer skoro sigurno je neko pre Vas imao isti ili barem sličan problem i rešenje podelio sa drugima na netu.