Onko selainpulmiiin ratkaisua koodin kannalta?

[toxyk]

Miten saa luotettavan kuvan sivun ulkoasusta? CSS kun ei ole standardi kaikille selaimille. IE näyttää PuuCee puolella mitä sattuu ja IE (jonka asensin kiristävin hampain) iMAcissä näyttää taas eri argumentein. Onko pulmaan olemassa ratkaisua? FF ja Safari taas näyttää toimivan yhtenäisesti. Jos jollain vinkkiä tai linkkiä ni olisin enemmän kuin kiitollinen...

[jusi]

Miten saa luotettavan kuvan sivun ulkoasusta? CSS kun ei ole standardi kaikille selaimille. IE näyttää PuuCee puolella mitä sattuu ja IE (jonka asensin kiristävin hampain) iMAcissä näyttää taas eri argumentein. Onko pulmaan olemassa ratkaisua? FF ja Safari taas näyttää toimivan yhtenäisesti. Jos jollain vinkkiä tai linkkiä ni olisin enemmän kuin kiitollinen...

CSS:n kanssa työskennellessä yleisin tapa on esikatselu kaikilla niillä selaimilla ja alustoilla, joilla haluat palvelun toimivan luotettavasti. Periaatteessa kattamalla seuraavat selaimet sinun pitäisi olla selvillä vesillä kaikkien fiksujen selainten suhteen (poislukien mobiililaitteet):

IE6 (win), IE7 (win), FFox >1.5 (win tai osx), Opera >7 (win tai osx)

OSX:n IE ei ole sama asia kuin Windowsin vastaava, joten jos haluat palvelusi olevan Windows-ystävällinen niin tarvitset Windowsin tai pääsyn Windowsiin. Itse käytän duunissani Parallelsia, jotta saan WinIE:n käyttööni. Jos virtualisointi ei ole mahdollista, niin maksullinen Browsercam (http://www.browsercam.com) on mainio palvelu. Sillä saa ruutukaappauksen käytännössä mistä tahansa tarvittavasta selaimesta.

Kun riittävästi jaksat vääntää, niin jossakin vaiheessa CSS-taitosi ovat sillä tasolla, että katsoessasi koodia tiedät katsomattakin mikä todennäköisesti toimii ja mikä pettää IE:ssä suhteessa muihin selaimiin. Sitkeyttä!

[toxyk]

Päivittäis ongelmina on tullut monenlaisia...ja ennen kun käytti PuuCeeta aiheutti harmaita hiuksia taas ihan muut seikat. CSS on mielenkiintoista. Nämä standardit saisivat tulla käyttöön mutta kun on kyse Mikki Softista niin se ei ole mahdollista...

[Juhani L]

Monia IE 6:n järjettömiä tyylien väärinymmärryksiä voidaan kiertää. Onhan tämä sivu sinulle tuttu? Kyllä siinä välillä meinaa järkensä menettää, kun haluaa kunnioittaa CSS-sääntöjä mutta saada sivut toimimaan myös IE:llä.

[Jamac]

Kannattanee tutustau konditionaalisiin kommentteihin, eli (x)html:n sisään tehdään normaali kommentti, jonne laitetaan sitten täppä minkä vain IE ymmärtää jolloin voidaan helposti laittaa IE:lle omat CSS:t

http://msdn.microsoft.com/workshop/auth ... nt_ovw.asp
http://www.google.fi/search?hl=fi&q=ie+ ... haku&meta=

[Kemuri]

Kannattaa jo ennakolta varautua siihen, että IE:n CSS-logiikka voi olla jotain täysin käsittämätöntä.

Esimerkkinä voisi mainita kerran, jolloin tappelin yhden sivuston valikon kanssa. Vaikka mitä tein, niin valikon tekstien väliin tuli ylimääräinen väli. Googletin yökaudet ja yritin etsiä ongelmaa, mutta mikään jippo ei tuntunut auttavan.

Mutta sitten yhdeltä sivulta ratkaisu löytyi. Niin uskomattomalta kuin kuullostaakin, niin käytetyn fontin tyyppi vaikutti siihen väliin. Ja tyypillä tässä tapauksessa tarkoitan, että onko fontti päätteellinen (serif, esim times) vai päätteetön (sans-serif, esim arial). Kun käytti timesiä, niin väliä ei ollut, kun vaihtoi ariaaliin niin kas kummaa, ylimääräinen väli tuli takaisin.

[Aaaron]

Ja tuo Mac-IE on luultavasti jo niin harvinainen (ja ikivanha) ettei sitä maksa vaivaa tukea.

[Juhani L]

Ja tuo Mac-IE on luultavasti jo niin harvinainen (ja ikivanha) ettei sitä maksa vaivaa tukea.

Näin on, ei sitä juuri käytetä ja kaikilla macinkäyttäjillä on vaihtoehtoja tarjolla.

Jos sivut saa toimimaan IE 6:lla, Firefox 2:lla, Opera 7:llä ja Safari 2:lla, voi olla aika huoleti. Silloin ne pelaavat aika varmuudella myös mm. IE 7:ssä.

[toxyk]

Jos homma toimii IEssä ni sit on jo helpompaa koska olen havainnut että safari ja firefox(kaikissa alustoissa) näyttää asiat samallatavalla tai ainakin liki...
Kiitos vinkeistä...