:: CSS-opas: Yleisinfo: Sivujeni toimivuus eri selaimilla: Sivujeni toimivuus MS IE -selaimilla (jakso 3/4) ::

	Aihepiiriluettelo > CSS-oppaan etusivu > Yleisinfo > Sivujeni toimivuus eri selaimilla > Sivujeni toimivuus MS IE -selaimilla (jakso 3/4)

Sivun jaksot:

Sivujeni toimivuus MS IE -selaimilla

Aiheet

Yleistä
Selainkohtaisia vihjeitä
Tiedossa olevia ongelmia

Yleistä

Sivujeni CSS-tiedostoissa ei ole käytetty juurikaan sellaisia CSS2-piirteitä, jotka eivät toimi Operalla, mutta jotka toimivat MS IE 5.5 -selaimella. Sivusto toimii sangen hyvin MS IE 5.5:llä, mutta selain asemoi ja mitoittaa elementtejä hieman virheellisesti. Niillä ei ole kuitenkaan sivujen toimivuuden kannalta mitään merkitystä (ne voi huomata ainoastaan vertailemalla sivuston esittämistä uusien Opera ja Netscape/Mozilla-selainten kanssa).

MS IE 6.x näyttämää sivuston CSS:n tarkemmin kuin MS IE 5.x, mutta sekään ei näytä sivustoani aivan suunnitellusti (mainitsen ongelmista edempänä). Monien tärkeiden CSS-piirteiden suhteen se näyttää CSS-sivustoni Operan tasoisesti.

Microsoft: CSS Enhancements in Internet Explorer 6 Public Preview.

Olen lisännyt MS IE:tä ajatellen siinä sekä vanhemmissa Opera ja Netscape selaimissa näkyviä linkkejä sivun alkuun (ne eivät näy Opera 4.x+ ja uusissa Netscape/Mozilla-selaimissa). Niistä huolimatta sivustoa ei ole yhtä miellyttävä selata kuin Operan kanssa.

MS IE 5.5+ Windows -selaimille on mahdollista luoda JavaScript-koodausta käyttämättä yksitasoisia dynaamisia alivalikoita (katso mallit ).

Yleisesti ottaen MS IE:llä tulee vähiten ongelmia, mutta seuraavat syyt ovat kyseenalaisia:

MS IE tukee epästandardeja ja selainkohtaisia piirteitä sekä keskeneräisiä spesifikaatioita. Näillä MS pyrkii monopolisoimaan internetin.
MS IE lukee erittäin virheellistäkin "HTML-koodausta" - sellaistakin, minkä selaimen tulisi automaattisesti hylätä!

Selainkohtaisia vihjeitä

Mac IE 4.5 näyttää sivut huonosti ja linkkien toimivuus on heikko. Suosittelen Mac IE 4.5:n käyttäjiä päivittämään selaimensa.
Sivut toimivat välttävästi MS IE 4.0 Windows lähtien, mutta suosittelen uusimman mahdollisen selaimen käyttämistä.

Tiedossa olevia ongelmia

MS IE -selaimissa on seuraavia Web-suunnitteluuni rajoituksia aiheuttava piirteitä:

Windows-selaimet eivät ainakaan toistaiseksi toteuta sivustoilleni tärkeää position:fixed määritystä. Jos selain sen toteuttaisi, hyvin yksinkertaisella koodauksella voitasiin luoda paikoillaan pysyvä navigointielementti. Nykyisellään paikoillaan pysyvän navigoinnin luominen edellyttää joko vanhanaikaisia kehyksiä or monimutkaista DHTML:ää. Edellinen toimii vanhoissakin selaimissa. Jälkimmäinen on huonosti vaihtoehto, jota monet selaimet eivät tue. On huomionarvoista, että MS IE 5.0:n Mac-versio tukee position:fixed, joten on mahdollista tuki tulee joskus Window-selaimiinkin. Tosin position:fixed ei toimi MS IE 5.0 Mac -selaimissa elementin IFRAME (eikä mahdollisesti eräiden muidenkaan upotettavien objektien) kanssa, joten rajoitus koskee osittain myös Mac-selaimia.
En saa selaimelle aivan haluamaani leveyskontrollia, sillä max-width ei ole tuettu. Uudistin sivuja kuitenkin siten, että JavaScript-koodaus tutkii sivun leveyttä ja antaa leveässä ikkunassa eri CSS:n kuin kapeassa. Systeemi toimii hyvin paitsi tilanteissa, joissa selaaja muuttaa sivun leveyttä. Mahdollinen CSS-muutos päivittyy ladattaessa sivu uudelleen tai siirryttäessä muulle sivulle.
En jaksa tehdä tulostukselle optimaalisia sivukatkoja, koska eräiden sivukatkojen hallitsemiseen liittyvät ominaisuudet on tuettu puutteellisesti (mainitsen pari ominaisuutta käistellessäni Operan tulostuspiirteitä).
MS IE 5.0 Mac ei voi luoda vain CSS:ää käyttäen dynaamisia alivalikoita (ks. mallit ). Tosin niiden käyttö on ongelmallista Windows-selaimillekin, sillä ne toimivat kunnolla vasta MS IE 5.5+ (Windows) lähtien. Niiden on järkevämpää käyttää DHTML/ DOM-valikoita, jotka saa oikein suunniteltuna toimimaan myös Operalla ja Netscapella.

Muilla kuin edellä mainituilla CSS-piirteillä, jotka toimivat vain Opera 4.x+:ssa tai uusimmissa Netscape/Mozilla-selaimissa ei ole sivujen toimivuutta ajatellen ratkaisevaa merkitystä. Seuraavilla seikoilla on merkitystä sivuillani vieraillessa:

Koska olen priorisoinut sivujeni toimivuuden MS IE -selainten kohdalla 6.x -sarjan selaimille, elementtien asemointi ja mitoitus eivät ole aina parhaat mahdolliset MS IE 5.5 ja sitä vanhemmille selaimille.
Selaimet ovat tehneet monille sivuille turhia vaakavierityspalkkeja. Sivut, joilla niitä on ilmennyt, ovat vaihdelleet käytetystä selainversiosta riippuen. MS IE 4.0 Windows teki niitä eniten ja tuntuu siltä, että selain ei kykene käsittelemään elementtien leveyksiä, jos niitä ei ole tarkasti määritelty (poistin em. selaimelta leveyskontrollin kokonaan, jolloin turhat vierityspalkit hävisivät). Mitään käytännön haittaa niistä ei ole, koska sisältö on luettavissa tavallisella näyttöikkunalla ilman rullaamista. Sain ne pois MS IE 6.0 -selaimelta asettamalla BODY-elementille width:99%.
Mikään testaamani MS IE -selain ei osaa näyttää CSS-termisivuani kunnolla.
Miten luoda dynaamisia valikoita toimivat useimmissa MS IE -selaimissa, mutta eivät optimaalisesti.

Sivun jaksot: