Verkkojulkaisemisen oppimateriaaleja

CSS:n kanssa työskentely ei ole ongelmatonta. Ongelmissa auttavat hyvien käytäntöjen omaksuminen ja eri selainten erojen tunnistaminen.

Hyviä käytäntöjä

• Kirjoita siistiä ja virheetöntä koodia. Käytä validaattoreita.
• Suunnittele sivut selimella, jonka CSS-tuki on paras (nykyisin Mozilla). Testaa kaikilla.

Lisää ohjeita löydät CSS-lunttilapusta.

Selainongelmat

CSS:lla muotoillut sivut eivät usienkaan näytä samalta eri selimilla. Tähän voi olla monia syitä.

• Eri selaimet tukevat CSS:aa vaihtelevasti. CSS:sta on olemassa ei versioita (1, 2 ja 3), joista uudemmat selimet tukevat yleensä hyvin CSS2-spesifikaation mukaisia määrityksiä.
• Joissain selaimissa (erityisesti MSIE:ssa) on virheitä CSS-määrittelyjen tulkinnassa. Tämä voi synnyttää erikoisia ja yllättäviä efektejä.
• Jotkut selaimet tulkitsevat CSS-määrityksiä spesifikaatioden vastaisesti. Tämä koskee erityisesti jo käytännössä poistuneita "version 4-selaimia", mutta myös esim. MSIE:n versiota 5, joka mm. laskee padding-määreen osaksi elementin korkeutta ja leveyttä.
• CSS-spesifikaatio ei ole aivan tarkka siitä, miten jotkin ulkoasumääreet tulisi esittää. Tämän vuoksi selaimissa on - aivan sallitusti - eroja mm. kirjasinten kokojen ja reunusten esittämisessä.

Lisätietoja ja apuvälineitä

• CSS-lunttilappu
  Hyviä käytäntöjä ongelmien välttämiseksi (mezzoblue, suom.Yojin)
• Position Is Everything
  Kokoelma eri selainten CSS-ongelmia ja erilaisia ratkaisuja