Keskustelu: Nettisivujen teko: CSS kysymys

Onko mitään sivuu mistä vois nähdä noi FireFoxin CSS komennot? Kun tuntuu vähän, että CSS on erillainen IE6 ja Firefoxissa kun teen sivuja editorilla ja sitte kun niitä ajaa IE:llä niin näyttää ihan OK, mutta sitten Firefoxilla kaikki on ihan sekasin

CSS-spesifikaatio löytyy osoitteesta http://www.w3.org/TR/REC-CSS2/
Kun IE:n ja Firefoxin tapa tulkita jotain poikkeaa, voi nyrkkisääntönä todeta, että Firefox on spesifikaation mukaan oikeassa (vaikka tulos ei olisikaan sitä, mitä halusit), IE väärässä.

IE:llä OK, mutta firefoxilla sekasin... Firefoxi tukee standardia CSS:ää paljon paremmin kuin IE6, joten eiköhän spekeistä löydy ne parhaat "komennot":
http://www.w3.org/Style/CSS/#specs

Edit: Hidas...

Suositus: kehitä ensin Firefoxilla, korjaa sitten IE:n viat ja ongelmat conditional comments -tekniikalla. Saat todennäköisemmin asiat oikein useammalle selaimelle. Conditional comments toimii näin:

<link rel="stylesheet" href="index.css" type="text/css">
<!--[if lt IE 7]><link rel="stylesheet" href="ie.css" type="text/css"><![endif]-->

Käytännössä tuon kommenttisysteemin sisään voi laittaa mitä tahansta minkä haluaa näkyvän IE:llä, mutta ei muilla selaimilla.

lt tarkoittaa pienempi kuin. lte tarkoittaa pienempi tai yhtä suuri kuin. Ja tyhjäksi jättäminen määrittää tarkan version.
Sopivia versionumeroita ovat 5 (kaikki 5-version selaimet), 5.0, 5.5, 6 ja 7. Versionumeron voi myös jättää pois, jolloin conditional commentin sisältö näkyy kaikille IE-selaimille.

Suosittelen testaamaan myös ainakin Operalla ja mahdollisuuksien mukaan Macin Safarilla ja Linuxin Konquerorilla. Usein tosin kun saa Firefoxin ja Operan toimimaan hyvin samalla CSS:llä, niin muutkin selaimet seuraavat aika hyvin perässä. Paitsi tietenkin IE6. IE7 on jo parempi tapaus, mutta ei täydellinen.

IE:ssä on vielä semmoinen vika, että <!DOCTYPE täytyy alkaa ensimmäiseltä riviltä ensimmäisestä merkistä, jotta se menisi standarditilaan Strictiä käytettäessä. Jos siis sivutyyppisi on Strict, niin varmista tämä. Muutoin selain putoaa vanhaan "löysään" tilaan ja toimii ihan eri tavalla kuin toiset selaimet.