Etsi sivuiltani:

	Aihepiiriluettelo > CSS-oppaan etusivu > Yleisinfo > Sivujeni toimivuus eri selaimilla > Sivujeni toimivuus Netscape/Mozilla-selaimilla (jakso 4/4)

Sivun jaksot:

Introjakso

Edellinen jakso

Sivujeni toimivuus Netscape/Mozilla-selaimilla

Aiheet

• Yleistä
• Selainkohtaisia vihjeitä
• Tiedossa olevia ongelmia

Yleistä

Mozilla 0.9, Netscape 6.1+ ja muut vähintään yhtä uudet Mozilla Gecko -selaimet näyttävät sivustoni ruudulla lähes suunnitellusti, uusimmat versiot itse asiassa parhaiten. Syynä tähän on se, että selaimelle on mahdollista luoda kiinteitä navigointielementtejä, joissa myös niissä olevat dynaamiset alivalikot toimivat niin, että linkit ovat kiinteitä ja ne voi avata milloin tahansa. Olen käyttänyt sivustoni näyttöesityksessä seuraavia piirteitä, jotka eivät toimi Opera 6.0x - ja MS IE 6.0 Windows -selaimissa (Opera 7.x sen sijaan tukee niitä):

1. Dynaaminen näennäisluokka :focus (tämä näennäisluokka osoittaa viimeksi aktivoidun linkin).
2. Vaihtoehtoiset tyylisivut (rel="alternate stylesheet" + title="..."). Käytän niitä demomaisesti. Koska niistä ei ole varsinaisesti apua sivujen lukemiseen, ne eivät tee sivuston toimivuutta Mozillassa paremmaksi kuin muilla selaimilla.

Selainkohtaisia vihjeitä

• Sivusto toimii parhaiten Netscape 6.1+ -selaimen tai em. selaimen kehittelyversioilla, kuten esim. Mozilla 0.9:llä, joilla navigointielementti pysyy paikoillaan.

Tiedossa olevia ongelmia

Uusissa Mozilla Gecko -selaimissa ei ole kovin paljon sellaisia CSS2-puutteita, jotka rajoittavat Web-suunnittelua. Mainitsen kuitenkin seuraavat kaksi:

• Uusimmissa Gecko versioissa dynaamisten valikoiden kiinteä asemointi aiheutti katkeilevan sivun esittämisen kun sivua rullattiin alaspäin. Poistin niiltä valikoiden kiinteän asemoinnin.
• Jotkin versiot eivät pidä aivan oikeata asemointia.
• En voinut luoda dynaamisia alivalikoita Netscape 6.1+:lle pelkästään CSS:n avulla, sillä Netscape 6.0 sekoilee niiden kanssa aivan toivottomasti (ks. mallit). En tiedä keinoa, jolla erottaisein eri versioita toisistaan. Tosin on järkevämpää käyttää niiden tilalla DHTML/ DOM-valikoita, jotka saa oikein suunniteltuna toimimaan myös Operalla ja MS IE:llä.
• Kontrolloidut tulostuksen tarvitsemat sivukatkopiirteet eivät toimi testeissäni kuin uusimmissa Mozillan versioissa ja niissäkin vain osittain. Erään s-postin mukaan sivukatkopiirteet toimivat Mozilla 1.0:ssa 17.03.2002 paikkeilta lähtien. Erään Mozilla Gecko -selainten vapaaehtoissuunnittelijalta saamani s-postin mukaan Netscape 7.x -selaimet ovat ensimmäisiä Mozilla 1.x:ään pohjautuvia Netscape-selaimia, jotka tukevat sivukatko-ominaisuuksia. Netscape 7.x -selainsarjan ensimmäiset versiot ovat markkinoilla. Viimesin 6.x-sarjan versio 14.07.2002 oli Netscape 6.2.3, joka perustuu Mozilla 0.9 -sarjan selaimiin. Mozilla 0.9 ei tue lainkaan sivutettua mediaa ja siihen liittyviä sivukatko-ominaisuuksia. Mozilla 1.1:n tulostus olisi Operan luokkaa, jos se tukisi page-break-inside:avoid.

Uusimmissakin selaimissa on kuitenkin joitakin huonosti toimivia piirteitä. Alla on lista muutamista huomion arvoisista ongelmista uusilla ja vanhoilla Netscape-selaimilla:

• Mozilla Gecko -selaimet toteuttavat fonttikoot (standard-compiliant -moodissa) MS IE 6.0 -selaimen tavoin lähes CSS2 suositusten mukaisesti. Tämä merkitsee kuitenkin sitä, että vakioasetuksilla ne näyttävät perusfontin hieman pienempänä kuin Opera ja MS IE 5.x Windows. Fonttikokoa ei ole silti syytä muuttaa pikavalikosta, sillä päänavigointilinkit on suunniteltu toimimaan vain zoom-kertoimella 100% (mikäli perusfontin koko halutaan samaksi kuin Opera- ja MS IE 5.x Windows -selaimissa, oletusfonttikooksi tulee asettaa 18 pikseliä).
• Jos sivuilla on elementti IFRAME sen piilottaminen tulostuksen yhteydessä kaataa Netscape 6.1-6.2.1 -selaimet (Mozilla org saamani s-postin mukaan tämä virhe on korjattu uusimmissa Mozilla versioissa, mutta en tiedä missä Netscape versiossa tämä asia tullaan korjaamaan). Yleensä selaimen ei pitäisi kaatua. Netscape 6.0 tulostaa IFRAME elementit, vaikka niitä ei olisi tarkoitus tulostaa. Selain ei kuitenkaan niistä kaadu.
• Sivuilla olevan varsinaisen asiakokonaisuuden ylämarginaali ei aina ole oikein Netscape 6.2.1 selaimella. Sivujen uudelleen lataus saattaa auttaa.
• Ainakin Netscape 6.2.1/ vastaaviin Mozilla -selaimiin asti joitakin kiinteiden elementtien sisällä olevat linkit liikkuvat niitä klikattaessa ja niitä saattaa joutua klikkaamaan kahdesti (en ole havainnut ongelmaa uusimmissa versioissa).
• Jos käyttäisin dynaamisia alivalikoita pelkästään CSS-koodauksen avulla, :focus ei toimisi aivan odotetusti (katso mallit).
• Netscape 6.x/ Mozilla 0.9 ei joka kohdassa osaa sijoittaa elementtiä IFRAME täysin oikeaan kohtaan.
• Päävalikon ulkoasu on Netscape 6.x/ vastaavilla Mozilla -selaimissa hieman virheellinen.
• Netscape 6.0/6.01 -selaimet eivät osaa sijoittaa päänavigointia kiinteäksi.
• Netscape 4.0x ei ymmärrä attribuuttia id sivua koskevana ankkurina eli attribuutin href tunnisteena ja kohteena. Useimmat sivun sisäiset linkit eivät sen vuoksi toimi. Esim. johdantosivulla oleva linkki <a href="#Copyright">Käyttö- ja tekijänoikeudet</a> (copyrights), jonka kohteena on <h3 id="Copyright">Käyttö- ja tekijänoikeudet</h3> ei toimi.
• Sivustojeni ulkoasu on selaimella suhteellisen vaatimaton, vaikka olen yrittänyt luoda ulkoasun myös Netscape 4-sarjan selaimille kohtuullisen hyväksi. Koska tiedän ongelmat, en ota vastaan mitään em. selainta koskevaa ulkonäkövalitusta!
• Koska Netscape 4.04 kaatui hakemistosivulla ja CSS-sivustolla muutaman linkin klikkaamisen jälkeen sellaisille Netscape 4.x -sarjan selaimille, joiden versionumero on vanhempi kuin 4.70 on hyvin yksinkertainen CSS.

Sivun jaksot:

Introjakso

Edellinen jakso