Selaimesta riippuva tyylitiedosto

Sepifi

Oon tässä sivuja tehdessä huomannu että selaimissa voi olla hyvinkin suuria eroja saman sivun näyttämisessä. Päätinkin tehdä sellaisen systeemin, että vaikka javascriptillä tekisi pienen toiminnon, joka katsoisi selaimen ja sen mukaa sitte valitsee tietyn tyylitiedoston. Mitenkähän sellainen sitten tehdään? Ainakin IE:llä ja Firefoxilla toimiva...

7

744

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • nimetön.

      Huono idea. Piste.

      Selaimet kehittyvät kaiken aikaa. Esimerkiksi IE6 ja IE 7 ovat hyvin erilaisia, samoin eri Firefoxin versiot. Kaivat siis moisilla verta nenästäsi.

      Mielummin kannattaa tehdä sivut standardilla koodilla. Ja niin ettei pienet eroavuudet ulkoasussa haittaa. Älä siis pyri pikselintarkkuuteen, vaan siihen että sivut näyttävät suunnilleen samoilta kaikilla selaimilla.

      Apua myös ehkä löytyy CSS reset tyylistä joka nollaa kaikkien selaimen CSS oletusasetukset samoiksi:

      http://developer.yahoo.com/yui/reset/

      • jrjrjw

        "Huono idea. Piste."

        Ei todellakaan ole huono idea. Miksi olisi?

        "Selaimet kehittyvät kaiken aikaa. Esimerkiksi IE6 ja IE 7 ovat hyvin erilaisia, samoin eri Firefoxin versiot."

        Toki kehittyvät, mutta käyttämällä selaintunnistusta pystytään käyttämään kaikki CSS:n hienouksia.

        Toki tuota ei JS:llä kannata tehdä vaan jolloin palvelinpuolenkielel kuten PHP:llä.


      • as-keetti
        jrjrjw kirjoitti:

        "Huono idea. Piste."

        Ei todellakaan ole huono idea. Miksi olisi?

        "Selaimet kehittyvät kaiken aikaa. Esimerkiksi IE6 ja IE 7 ovat hyvin erilaisia, samoin eri Firefoxin versiot."

        Toki kehittyvät, mutta käyttämällä selaintunnistusta pystytään käyttämään kaikki CSS:n hienouksia.

        Toki tuota ei JS:llä kannata tehdä vaan jolloin palvelinpuolenkielel kuten PHP:llä.

        kai idea toimii, mutta...

        Yleisperiaate näissä ohjelmahommissa on että
        "hullu paljon töitä tekee viisas pääsee
        vähemmällä" kuten isomummu jo sanoi.

        Paljon helpommalla toisiaan pääsee kun tekee
        senverran validia koodia ja välttää kikkailuja
        niin että kaikilla selaimilla näkyy suurinpiirtein
        oikein.

        On helppo ennustaa että muuten sinulla on edessäsi ns. ikuisuustyömaa.


      • jrjrjw
        as-keetti kirjoitti:

        kai idea toimii, mutta...

        Yleisperiaate näissä ohjelmahommissa on että
        "hullu paljon töitä tekee viisas pääsee
        vähemmällä" kuten isomummu jo sanoi.

        Paljon helpommalla toisiaan pääsee kun tekee
        senverran validia koodia ja välttää kikkailuja
        niin että kaikilla selaimilla näkyy suurinpiirtein
        oikein.

        On helppo ennustaa että muuten sinulla on edessäsi ns. ikuisuustyömaa.

        "Paljon helpommalla toisiaan pääsee kun tekee
        senverran validia koodia ja välttää kikkailuja
        niin että kaikilla selaimilla näkyy suurinpiirtein
        oikein."


        Ei tuon teko esim PHP:llä ole vaikeaa. Kun olet kerran scriptin tehnyt niin ei sitä uudestaan tarvitse tehdä. Tehdään vain tyylitiedosto joka toimii esim FF:lla haluamalla tavalla ja sit jos tarvetta niin mukautetaan eri selaimille omansa. Voisi sanoa että noin on paljon helpompaa tehdä kuin jotain CSS häkkejä käyttää. Siis viisas pääsee vähemmällä.

        Toki koodi on standartin mukainen, mutta kun yksikään selain ei vieläkään noudata niitä täysin. Jotenka välillä tarvitsee selainkohtasia juttuja. Tietenkin voi tyytyä käyttämään vain määrityksiä niitä mitä huonoiten tukeva yleinen selain käyttää.


        "On helppo ennustaa että muuten sinulla on edessäsi ns. ikuisuustyömaa."

        Vaikka käytetään selainkohtasia tyylitiedostoja niin se ei tarkoita, että niitä tarvitsisi muuttaa kun uusi versio selaimesta julkaistaan sillä niissä toimivat samat jutut. Tai sitten scriptin voi laittaa toimimaan niin kun julkaistaan x versio selaimesta niin käytetään samaa tyylitiedostoa mitä muutkin selaimet.

        Jos kyse on vain IE:n jutuista niin kannattaa tutustua ehdollisiin kommentteihin http://www.quirksmode.org/css/condcom.html


      • as-keetti
        jrjrjw kirjoitti:

        "Paljon helpommalla toisiaan pääsee kun tekee
        senverran validia koodia ja välttää kikkailuja
        niin että kaikilla selaimilla näkyy suurinpiirtein
        oikein."


        Ei tuon teko esim PHP:llä ole vaikeaa. Kun olet kerran scriptin tehnyt niin ei sitä uudestaan tarvitse tehdä. Tehdään vain tyylitiedosto joka toimii esim FF:lla haluamalla tavalla ja sit jos tarvetta niin mukautetaan eri selaimille omansa. Voisi sanoa että noin on paljon helpompaa tehdä kuin jotain CSS häkkejä käyttää. Siis viisas pääsee vähemmällä.

        Toki koodi on standartin mukainen, mutta kun yksikään selain ei vieläkään noudata niitä täysin. Jotenka välillä tarvitsee selainkohtasia juttuja. Tietenkin voi tyytyä käyttämään vain määrityksiä niitä mitä huonoiten tukeva yleinen selain käyttää.


        "On helppo ennustaa että muuten sinulla on edessäsi ns. ikuisuustyömaa."

        Vaikka käytetään selainkohtasia tyylitiedostoja niin se ei tarkoita, että niitä tarvitsisi muuttaa kun uusi versio selaimesta julkaistaan sillä niissä toimivat samat jutut. Tai sitten scriptin voi laittaa toimimaan niin kun julkaistaan x versio selaimesta niin käytetään samaa tyylitiedostoa mitä muutkin selaimet.

        Jos kyse on vain IE:n jutuista niin kannattaa tutustua ehdollisiin kommentteihin http://www.quirksmode.org/css/condcom.html

        siinä mitään.
        Oikeastaan on ihan hyväkin, että on useita tapoja
        hoitaa homma.
        En nyt ihan heti syty tuohon, mutta laitan korvan
        taakse ja ken tietää...


      • Höpö.
        jrjrjw kirjoitti:

        "Paljon helpommalla toisiaan pääsee kun tekee
        senverran validia koodia ja välttää kikkailuja
        niin että kaikilla selaimilla näkyy suurinpiirtein
        oikein."


        Ei tuon teko esim PHP:llä ole vaikeaa. Kun olet kerran scriptin tehnyt niin ei sitä uudestaan tarvitse tehdä. Tehdään vain tyylitiedosto joka toimii esim FF:lla haluamalla tavalla ja sit jos tarvetta niin mukautetaan eri selaimille omansa. Voisi sanoa että noin on paljon helpompaa tehdä kuin jotain CSS häkkejä käyttää. Siis viisas pääsee vähemmällä.

        Toki koodi on standartin mukainen, mutta kun yksikään selain ei vieläkään noudata niitä täysin. Jotenka välillä tarvitsee selainkohtasia juttuja. Tietenkin voi tyytyä käyttämään vain määrityksiä niitä mitä huonoiten tukeva yleinen selain käyttää.


        "On helppo ennustaa että muuten sinulla on edessäsi ns. ikuisuustyömaa."

        Vaikka käytetään selainkohtasia tyylitiedostoja niin se ei tarkoita, että niitä tarvitsisi muuttaa kun uusi versio selaimesta julkaistaan sillä niissä toimivat samat jutut. Tai sitten scriptin voi laittaa toimimaan niin kun julkaistaan x versio selaimesta niin käytetään samaa tyylitiedostoa mitä muutkin selaimet.

        Jos kyse on vain IE:n jutuista niin kannattaa tutustua ehdollisiin kommentteihin http://www.quirksmode.org/css/condcom.html

        »Jos kyse on vain IE:n jutuista niin kannattaa tutustua..»

        Nimenomaan, yleensä ongelmana on juuri tuo IE6 ja senhän pystyy noilla kiertämään.
        Ihan turha siis käyttää mitään JS-kikkailuja, tai edes php:lla tehtyjä valintoja.


        IE-käyttäjistä kummallisen iso osa (tai no IE:n käyttäminen nyt ylipäätään on kummallista) käyttää antiikkiversioita vuosikausia uuden ilmestymisen jälkeen, joten nuo on sikäli hyvä olla. Fox/Moz- ja Opera-käyttäjien taas voi luottaa käyttävän suhteellisen ajantasaista softaa.
        (Minulle kysymysmerkki on sitten Safarikäyttäjät ja muut mäkkärit.)


      • Höpö.
        jrjrjw kirjoitti:

        "Paljon helpommalla toisiaan pääsee kun tekee
        senverran validia koodia ja välttää kikkailuja
        niin että kaikilla selaimilla näkyy suurinpiirtein
        oikein."


        Ei tuon teko esim PHP:llä ole vaikeaa. Kun olet kerran scriptin tehnyt niin ei sitä uudestaan tarvitse tehdä. Tehdään vain tyylitiedosto joka toimii esim FF:lla haluamalla tavalla ja sit jos tarvetta niin mukautetaan eri selaimille omansa. Voisi sanoa että noin on paljon helpompaa tehdä kuin jotain CSS häkkejä käyttää. Siis viisas pääsee vähemmällä.

        Toki koodi on standartin mukainen, mutta kun yksikään selain ei vieläkään noudata niitä täysin. Jotenka välillä tarvitsee selainkohtasia juttuja. Tietenkin voi tyytyä käyttämään vain määrityksiä niitä mitä huonoiten tukeva yleinen selain käyttää.


        "On helppo ennustaa että muuten sinulla on edessäsi ns. ikuisuustyömaa."

        Vaikka käytetään selainkohtasia tyylitiedostoja niin se ei tarkoita, että niitä tarvitsisi muuttaa kun uusi versio selaimesta julkaistaan sillä niissä toimivat samat jutut. Tai sitten scriptin voi laittaa toimimaan niin kun julkaistaan x versio selaimesta niin käytetään samaa tyylitiedostoa mitä muutkin selaimet.

        Jos kyse on vain IE:n jutuista niin kannattaa tutustua ehdollisiin kommentteihin http://www.quirksmode.org/css/condcom.html

        Validi koodi tarkoittaa ainoastaan kielioppisääntöjen mukaista koodia. Mikään ei silti takaa sitä, että tämä koodi olisi JÄRKEVÄÄ.
        Esimerkiksi suomen kieliopillisesti täysin oikeellinen lause "tajuton sinivalas tipahti tuoppiini" on aivan järjetön vaikka onkin täysin validi.

        Koodin pitää siis ennen kaikkea olla JÄRKEVÄÄ, mielellään myös validia. Järkevästi tehty koodi taas mitä suurimmalla todennäköisyydellä toimii myös teksti- ja ääniselaimissa, kännyköissä jne.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Aivosyöpää sairastava Olga Temonen TV:ssä - Viimeinen Perjantai-keskusteluohjelma ulos

      Näyttelijä-yrittäjä Olga Temonen sairastaa neljännen asteen glioomaa eli aivosyöpää, jota ei ole mahdollista leikata. Hä
      Maailman menoa
      91
      2910
    2. Pelotelkaa niin paljon kuin sielu sietää.

      Mutta ei mene perille asti. Miksi Venäjä hyökkäisi Suomeen? No, tottahan se tietenkin on jos Suomi joka ei ole edes soda
      Maailman menoa
      299
      1686
    3. Mikä saa ihmisen tekemään tällaista?

      Onko se huomatuksi tulemisen tarve tosiaan niin iso tarve, että nuoruuttaan ja tietämättömyyttään pilataan loppuelämä?
      Sinkut
      246
      1557
    4. Minkä merkkisellä

      Autolla kaivattusi ajaa? Mies jota kaipaan ajaa Mersulla.
      Ikävä
      87
      1391
    5. IL - VARUSMIEHIÄ lähetetään jatkossa NATO-tehtäviin ulkomaille!

      Suomen puolustuksen uudet linjaukset: Varusmiehiä suunnitellaan Nato-tehtäviin Puolustusministeri Antti Häkkänen esittel
      Maailman menoa
      402
      1384
    6. Nyt kun Pride on ohi 3.0

      Edelliset kaksi ketjua tuli täyteen. Pidetään siis edelleen tämä asia esillä. Raamattu opettaa johdonmukaisesti, että
      Luterilaisuus
      400
      1307
    7. Kiitos nainen

      Kuitenkin. Olet sitten ajanmerkkinä. Tuskin enää sinua näen ja huomasitko, että olit siinä viimeisen kerran samassa paik
      Tunteet
      2
      1089
    8. Esko Eerikäinen tatuoi kasvoihinsa rakkaan nimen - Kärkäs kommentti "Ritvasta" lävähti somessa

      Ohhoh! Esko Eerikäinen on ottanut uuden tatuoinnin. Kyseessä ei ole mikä tahansa kuva minne tahansa, vaan Eerikäisen tat
      Suomalaiset julkkikset
      38
      1037
    9. Hyväksytkö sinä sen että päättäjämme ei rakenna rauhaa Venäjän kanssa?

      Vielä kun sota ehkäpä voitaisiin välttää rauhanponnisteluilla niin millä verukkeella voidaan sanoa että on hyvä asia kun
      Maailman menoa
      329
      874
    10. Miksi Purra-graffiti ei nyt olekkaan naisvihaa?

      "Pohtikaapa reaktiota, jos vastaava graffiti olisi tehty Sanna Marinista", kysyy Tere Sammallahti. Helsingin Suvilahden
      Maailman menoa
      257
      855
    Aihe