Testejä -Tests: Operan asemointiongelmia - Position problems of Opera

Aiheet

• Esipuhe
• Tärkeitä taustatietoja

Esipuhe

Huomautus. Tämän sivun teksti on erään CSS-sivun teksti ja se on tällä sivulla vain täytteenä.

Note. The text in this page from a page from my Finnish CSS-site and it is just for filling.

Sivut on tarkoitettu sekä henkilöille, jotka eivät koskaan ole käyttäneet CSS:ää (ja tuskin ymmärtävät mitään HTML-kielestäkään) että ammattilaisille, jotka etsivät uusia kikkoja. Jos et ole koskaan käyttänyt CSS-määrittelyjä, älä yritä heti käyttää kaikkia mahdollisuuksia, vaan opettele asioita vähitellen. Palaa sivuille uudelleen, jos jokin asia jäi epäselväksi.

Sivustosta on olemassa sekä suomen että englanninkieliset versiot (englanninkielinen versio on merkitty ). Se on kielellisesti tarkempi, sillä olen voinut kirjoittaa koko ajan alkuperäistermeillä. Voit milloin tahansa vaihtaa englanninkieliseen versioon ja siitä takaisin suomenkieliseen (merkitty ).

Molemmat ovat olleet esillä W3C-organisaation CSS-sivuilla 1999. Nykyisin on esillä linkki suomenkieliseen sivustoon (Some non-English resources: > Finnish: tutorial).

Sain eräältä Netscape 6.x:n suunnittelijalta englanninkielisen version sisällöstä hyvän arvion. Englanninkielisen sivuston kielestä pidettiin kuitenkin huonona, kuten seuraavasta palautteesta käy ilmi:

The English is poor (which is understandable since English is not your first language). For example, you have "Block elements should not put inside in-line elements", which should be "Block elements should not be put inside in-line elements". "Remark that in the end-tag is the forward slash" should be "Note that in the end-tag is the forward slash". There are so many small English errors like these that the text is difficult to read.

Korjasin nuo, mutta vastaavanlaisia virheitä jäi sivustolle. Olen saanut joidenkin sivujen osalta apua kielen korjaamiseksi. Toivon, että internetissä olevissa englanninkielisissä sivuissa olisi vähitellen hyvä kieli.

Suomenkieliset vierailijat ovat yhtä lukuunottamatta pitäneet sivuston asiasisältöä hyvänä. Paras arvio esitysasusta on seuraava (sitaatti on muistinvarainen, joten se ei ole ihan sanatarkka):

Internetin tyylikkäin sivusto kun otetaan huomioon se, kuinka paljon asiaa se sisältää...

Yritän opettaa mahdollisimman ruohonjuuritasoisesti, jotta voisit kiivetä tyvestä latvaan. Pane mieleesi nimenomaisesti juuri puu. Kerron sinulle näillä sivuilla eräästä "puusta"!

Alla olevan otsikko pitäisi olla myös ikkunan alareunassa.
A heading like below should always be also on the bottom of the viewport.

Tärkeitä taustatietoja

Tärkeitä taustatietoja

• Viittaan usein CSS2 spesifikaatioon. Voit ladata sen omaan tietokoneeseesi hakemalla sen W3C-organisaation sivuilta.
• W3C:n sivuilla ei kerrota CSS-määrittelyjen toimivuudesta. Olen testannut käyttämäni määrittelyt useilla selaimilla ja tiedän selainten puutteet melko hyvin. Siitä huolimatta tämä sivusto ei ole tarkka selvitys kaikista mahdollisista selainten tekemistä virheistä vaan olen maininnut vain omasta mielestäni olennaisista seikoista. Minulla ei ole myöskään ollut mahdollisuutta testata kaikkia markkinoilla olevia selainversioita enkä ole edes aivan systemaattisesti käsitellyt jokaista käyttämääni selainta. Sivustoni ei ole paras mahdollinen, mikäli tarkoituksena on tutustua yksityiskohtaisesti selaintoteutusten puutteisiin. Löydät yksityiskohtaisia testejä esim. Webstandard-organisaation sivuilta (sivustoni saattaa silti sisältää sellaisia uusimpia selaimia koskevia testejä, joita ei em. organisaation sivuilla ole).
• Olen tarkistuttanut lähes kaikki käyttämäni CSS-määrittelyt W3C organisaation CSS-validaattorilla ja missään niitä koskevassa koodiesimerkissä ei pitäisi olla teknistä virhettä. Mikäli löydät muunlaisia virheitä, ole ystävällinen ja huomauta minua niistä sähköpostilla.
• Olennaisimmat englanninkieliset termit on korostettu helpottamaan englanninkielisen spesifikaation tutkimista (katso tarkemmin sivu Elementtien semantiikka. Kaikkia mahdollisia CSS-määrittelyjä ei käsitellä vaan lähinnä niitä, joita voidaan tarvita tavallisissa suomenkielisissä (X)HTML-asiakirjoissa (useimmat asiat toimivat myös XML-dokumenteissa). Käsittelen melkein kaikki yleisesti käytetyt elementit ja sivulla Erikoistyyliarkit listaan joitakin asioita, joita en käsittele perusteellisesti.
• Käsittelen ensisijaisesti CSS2-spesifikaatiota. Mikäli en erikseen mainitse, kyse on tämän standardin mukaisista määrittelyistä. Viittaan joissakin yhteyksissä myös edelliseen CSS1 ja tulevaan CSS3 spesifikaatioihin. Kaikki määrittelyt eivät toimi vain vanhemman (CSS1) standardin mukaisesti toimivilla selaimilla. Yritän huomauttaa määrittelyistä, joka ovat vain CSS2 spesifikaatiossa.
• Tarkastelussa on mukana selainvalmistajien viimeisimmät käytettävissä olevat Windows käyttöjärjestelmän viralliset tai testiversiot. Viittaan muihin selaimiin vain satunnaisesti. Luettelen uusimmat testaamani selaimet kohdassa Mitä uutta?
• Huomioin muiden käyttöjärjestelmien selaimia saamieni käyttäjäkokemusten ja kuvakaappausten perusteella.
• Olen saanut vihjeitä eräiltä Webstandards-organisaation jäseniltä sekä eri selainvalmistajien työntekijöiltä. Omat ihanteeni nousevat tämän organisaation ihanteista (lue sivu WWW-standardit.
• Suomenkielisen version osalta olen ollut yhteydessä mm. Termitalkoot-ryhmän jäseniin ja olen laittanut lähde- ja avustajaluettelon, ketkä ovat vaikuttaneet kunnollisen suomenkielisen terminologian luomistyössä.

Mitä uutta?

Sen jälkeen kun tein tärkeimmät sivut, olen lisännyt muutamia sivuja. Lisätyt sivut löytyvät pääosin A-Q listatuista liitesivuista. Niillä kuten myös joillakin johdantoluonteisilla sivuilla (merkitty kirjaimilla O ja E ennen numeroita 1-12) voi olla jatkosivuja.

Uusimpia käyttämiäni Windows-selaimia ovat Opera 6.01, Microsoft Internet Explorer 6.0 ja Netscape 6.2. Olen saanut myös MS IE 5.0 Mac käsittelevää s-postia. Alla on muutamia linkkejä selainvalmistajien sivuille:

Tulostusta varten olevat sivukatkot eivät ole enää ihanteellisia MS IE:lle, mikä oli alkuperäinen tarkoitus. Poistin joitakin tulostusta koskevia pakollisia sivukatkoja, koska en voi enää taata niiden oikeaa paikkaa, mistä johtuen eräillä viimeksi uudistamillani sivuilla rivikatkot toimivat lähes optimaalisesti enää Opera selaimilla. Tulostuksen saaminen optimaaliseksi MS IE:lle vaatii niin paljon ylimääräistä työtä, että minulla ei riitä siihen aikaa.

Annoin aiemmin mahdollisuuden käyttää kehyksiä, mutta 12.12.2001 jälkeen kehyssettejä ei ole enää käytössä.

Seuraavassa on lista viimeisimmistä uudistuksista (kun muokkaan listaa, poistan yleensä editointipäivästä laskien kuukautta vanhemmat muutokset, mutta listaan aina vähintään kymmenen ja enintään kaksikymmentä kohtaa):

1. 27.03.2002. Päivitin liitesivun, joka käsittelee dynaamisia valikoita. (Lisäsin sen 25.03.2002. Siirsin sivulta 10 sekä MS IE ongelmia koskevalta sivulta osan materiaalia tälle sivulle. Päivitin myös erään kysymyksen FAQ-sivulla.)
2. 26.03.2002. Päivitin sivustojeni toimivuutta käsittelevän sivun.
3. 21.03.2002. Päivitin yleiset selailuohjeet.
4. 15.03.2002. Lisäsin huomautuksen CSS:n käännökseen sivulle 1.b. Laitoin vastaavan huomautuksen myös termiluetteloon.
5. 15.03.2002. Päivitin liitesivun, joka käsittelee Operan ongelmia (lisäsin sivun 12.03.2002).
6. 13.03.2002. Päivitin sivulla 11 jaksoa joka käsittelee selainten DHTML/DOM-tukea.
7. 12.03.2002. Päivitin selainsuosituksia käsittelevän sivun.
8. 12.03.2002. Korjasin sivulla 11 kohtaa, jossa käsitellään position:fixed.
9. 07.03.2002. Päivitin selainten ongelmia koskevan liitesivun.
10. 05.03.2002. Korjasin sivulla 6 jaksoa, joka käsittelee tuettuja mediatyyppejä.
11. 01.03.2002. Päivitin WWW-standardeja käsittelevän liitesivun.

HTML-Kit -ohjelmalle tekemälläni englanninkielisellä sivustolla on oma lista viimeisimmistä uudistuksista. Myös sitä kannattaa seurata, sillä em. sivustolla on mm. kaksi CSS-taulukkoa (1 & 2) ja niille kommenttisivut.

Käyttö- ja tekijänoikeudet

Netissä olevat sivut (kuvat mukaan lukien) ovat pääosin vapaasti käytettävissä yksityiskäyttöön, mutta julkinen opetuskäyttö ei ole luvallista (yksittäisiin sivuihin saa toki viitata). Käyttämääni terminologiaa käsittelevällä sivulla on muista sivuista poikkeava käyttöoikeus. Luomiani uusia termejä ei saa käyttää kaupallisissa julkaisuissa (kuten ATK-sanakirjoissa tai WWW-palveluissa) keskustelematta kanssani. Osa termien tekijänoikeuksista kuuluu myös muille kuin minulle. Sen sijaan termejä saa käyttää ja kopioida kaikkiin ei-kaupallisiin tarkoituksiin, mikäli lähde mainitaan.

Mikäli sivuja käytetään julkisessa opetuksessa, niiden asiasisältöä ja ulkoasua ei saa olennaisilta osin muuttaa (lisäykset olisi hyvä laittaa erillishuomautuksina), jotta sivut on tunnistettavissa tekemikseni. Mikäli joku havaitsee virheitä eri selaimia koskeviin huomautuksissa tai muissa ohjeissa, toivon, että saan siitä palautteen sähköpostilla (lue kuitenkin selaimia koskeva huomautus). Olen laatinut julkiseen opetuskäyttöön seuraavat hinnat:

• Oppilaitokset voivat ostaa sisäiseen käyttöön sivuston 1.000 mk/erillinen oppilaitosyksikkö/oppilaitoksen alayksikkö (mikäli yksikkö on kovin pieni, hinta on 500 mk).
• Hinta kaupallisille firmoille on 300-1.000 mk riippuen firman koosta ja sivuston käyttötarkoituksesta.
• Yleishyödylliset yhteisöt (esim. seurakunnat ja hyväntekeväisyysjärjestöt) voivat saada sivustot käyttöönsä näistä ohjeista poiketen.

Ota yhteyttä, mikäli haluat käyttää sivustoani julkisesti. Lisään hintoihin tarvittaessa inflaatiokorotuksen. Olen ollut opettamassa CSS:stä alla luetelluissa paikoissa.