Antti Knaapilan kotisivut

Miksi nämä sivut näkyvät eri tavalla eri selaimilla katsottuna?

Siksi, että eri selaimet näyttävät eri tavalla sivun muotoiluja, joita ei ole sivun koodissa yksikäsitteisesti määrätty. Eri selaimilla on erilaisia oletusarvoja tällaisille muotoiluille.

Kun katsoin sivustoani Windows Internet Explorer (versio 8) ja Mozilla Firefox (versio 3) -selaimilla, huomasin, että selaimet voivat esimerkiksi rivittää tekstin vähän eri tavalla ja näyttävät linkkien sinisen värin erilaisena - väriksi kun tulee selaimen käyttämä väri (koska en erikseen määrännyt linkkien väriä sivuston muotoiluissa).

Verkkosivujen näkyminen hivenen eri tavalla eri selaimilla ei vielä tarkoita, että koodissa olisi varsinaisia virheitä. Koodissa ei vain ole sidottu aivan kaikkia muotoiluja. En tiedä, onko ylipäänsä mahdollista sitoa jok'ikinen muotoilu, ts. tehdä verkkosivuja, jotka näkyisivät aina täysin samalla tavalla kaikilla selaimilla.

Jos sivun koodi on kunnossa (tarkistettu esim. validaattorilla), sivun pitäisi näkyä kaikilla selaimilla järkevästi, vaikka sivu näkyisikin eri tavalla järkevästi eri selaimilla. Jos itse koodiin on jäänyt virheitä, teksti voi näyttää hassulta/poikkeavalta muuhun sivun sisältöön nähden, esimerkiksi tällaiselta:

Tässä on esimerkki kappaleesta, jonka koodissa on virheitä - ainakin siinä mielessä, että kappale ei näytä samantyyliseltä kuin muut kappaleet. Tästä kappaleesta olen tarkoituksella jättänyt pois kappaleen aloitus- ja lopetusmerkit. Siksi kappaleeseen ei sovelleta muihin kappaleisiin sovellettavia muotoilumäärittelyitä (esim. fontti, kappaleen sisennys jne.), vaan oletusarvoisia muotoiluja. Niinpä kappale näyttää hassulta, tai ainakin erilaiselta kuin muut kappaleet.

Sivujen katselija pystyy itsekin vaikuttamaan jonkin verran sivujen näkymiseen. Esimerkiksi useimpien sivujen tekstin kokoa käyttäjä voi itse säätää muuttamalla selaimensa asetuksia. Esimerkiksi Windows Internet Explorerissa se tapahtuu valitsemalla Näytä-valikosta (View) Tekstin koko (Text Size).

Näytölläkin on väliä

Luonnollisesti tietokoneiden erilaiset näytöt voivat näyttää varsin eri tavalla erityisesti nettisivujen värejä. Esimerkiksi oman kannettavan tietokoneeni näyttö näyttää kotisivujeni värit paljon haaleampina kuin pöytäkoneeni näyttö.

Tottakai näytöjen asetuksilla on suuri merkitys, mutta yleisesti ottaen pöytäkoneitten näytöt pystyvät toistamaan värejä paremmin kuin kannettavien näytöt. älä siis masennu, jos digikuvasi näyttävät läppärisi näytöllä haaleilta. Samat kuvat saattavat näyttää jonkin pöytäkoneen näytöllä jopa luonnottoman värikylläisiltä. "Nimim. Kokemusta on" :)