CSS-tyylit selaimen mukaan

Voit tehdä vaikka kuinka monta css tyyliä eri selaimille. Ei edes tartte PHP'ä

..kaikille selaimille eikä siihen tarvitse php:llä tehtävää valintaa.

Jos nyt ajatellaan yleisimpiä selaimia, niin ainakin Opera, Mozilla ja Safari ymmärtävät hyvin tehdyt css-tiedostot. Nämä pärjäävät siis yhteisellä.

IE7:stä en tiedä kun itsellä ei sitä ole. Testaa.

IE6:lle ainakin voi laittaa omia kommentteja korjaamaan siinä olevia bugeja.

Tuohon voipi sitten laittaa sellaista jonka vain IE6 tulkitsee.

On myös helppo määritellä sellaisia juttuja joita IE ei ymmärrä. Esimerkiksi positon:fixed on IE6:lle hepraaa ja kyseinen romu laittaakin näin määritellyn elementin ihan päin vittua.
Tämän (ja muut vastaavat joissa halutaan estää IE6:n virheelliset tulkinnat) voidaan estää käyttämällä IE6:le liian modermia tekniikkaa.
Css:ssä voidaan määritellä, että tietyllä lapsielementillä on jokin arvo. Tätä ei vanhentuneet selaimet kuten IE6 ymmärrä, joten tätä voidaan käyttää hyväksi:





Jos tuon asettelee vaikka näin:

#menu {
   position: fixed;
   top: 5em;
   left: 5em;
   }

niin eihän tuo toimi oikein vanhentuneilla.
Niimpä voikin laittaa näin:

#menu {
   position: absolute;
   top: 5em;
   left: 5em;
   }
body>#menu {position: fixed;}

jolloin IE toimii sentään jotenkuten järkevästi ja paremmat selaimet käyttävät tuota jälkimmäistä määritystä.



Pääsääntöisesti pärjätään kuitenkin lähes aina yhdellä hyvin tehdyllä css-tiedostolla.



Toki php:lläkin VOI valita näytettävän css-tiedoston:

- tutkitaan mikä selain on kyseessä.
- määrätään vaikka if-lausekkeella tulostettavaksi oikean css-tiedoston valinta