Netscapen versio 4 sisältää monia vakavia virheitä tyylisäännöstöjen käsittelyssä. Tämä dokumentti selittää tapoja piilottaa tyylisäännöstö tai sen osa niin, että Internet Explorer näkee sen, mutta Netscape ei.
MEDIA="screen,projector"
Tyylisäännöstöille on aina määritelty jokin kohdelaite,
esimerkiksi screen
tai print
. Määrittely
<STYLE TYPE="text/css" MEDIA="screen,projector">
tarkoittaa, että samaa tyylisäännöstöä käytetään sekä tavanomaisessa
graafisessa selaimessa että projektoreissa, joissa kuva heijastetaan
tyypillisesti hyvin isokokoiselle kankaalle. Netscape jättää tällaisen
tyylisäännöstön kokonaan huomiotta.
Mahdollista on myös kirjoittaa sääntö muodossa
<STYLE TYPE="text/css" MEDIA="screen,notNS4">
,
ja lopputulos on sama.
Lähde: http://css.nu/pointers/liam-tip.html
@import
Tyylisäännöstöön voi sisällyttää toisen tyylisäännöstön
@import
-sanalla tähän tapaan:
<STYLE TYPE="text/css" MEDIA="screen">
<!--
@import url(tyyli2.css);
-->
</STYLE>
Netscape toimii taas virheellisesti, ja jättää tyyli2.css
-tyylisäännöstön kokonaan lataamatta.
Lähde: http://css.nu/pointers/point-tip.html
Kolmas vaihtoehto on tehdä sivut CGI-ohjelmalla, joka tunnistaa käytettävän selaimen ja sen mukaan generoi sopivan tyylisäännöstön. Tämäkin voi olla toimiva tapa, varsinkin jos sivu muutenkin luodaan lennossa CGI-ohjelmalla.
Ikävä kyllä välityspalvelimet saattavat sotkea selaintunnistuksen. Myös tiedoston tallentaminen vaikkapa levykkeelle toisella koneella ja toisella selaimella käytettäväksi aiheuttaa ongelman.
Voit katsoa lähdekoodista kahden allaolevan kappaleen toteutusta. Tästä näet käytetyt tyylisäännöstöt.
Tämän kappaleen teksti on lihavoitu ja kursivoitu. Lihavointi on piilotettu Toddin tempun avulla Netscapelta.
Tämänkin kappaleen teksti on lihavoitua ja kursvoitua. Kursivointi on piilotettu Liamin tempun avulla.
Luotu 2000-10-19, muokattu viimeksi 2000-10-19.