CSS ja eri selaimet

Nöyhtänä

Okei. Eli tämmöisen ohjeen sain eräältä sivulta :

Tämän Internet Explorerin bugin voi korvata esimerkiksi laittamalla kaksi div-elementtiä sisäkkäin. Ulommaiselle määritetään leveys ja sisemmälle padding, jolloin kaikki selaimet tulkkaavat tilanteen samalla tavalla.

Eli miten tuo tehdään? Kun en millään saanut toimimaan. Siis ongelmana on, että IE näyttää sivuni paddingin eri lailla kuin muut selaimet joka vaikeuttaa sivujenteon etenemistä...

4

851

    Vastaukset 4

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö

      ..oikeasti sellainen pätkä koodista, jossa näkee mitä tarkkaaottaen yrität. Se voisi hieman selkeyttää asiaa.

    • laita toki doctype

      Koitappa asettaa oikea doctype:
      http://www.quirksmode.org/css/quirksmode.html

      • Nöyhtänä

        Tässä olisi koodi:

        table {
        border : 1px solid;
        border-color :#FFF8DC;
        height : 400px;
        width : 600px;
        }

        td{
        border : 4px solid;
        border-color :#4F4F4F;
        }

        #sivu1, #sivu2 {
        height : 500px;
        padding: 5px;
        }

        #sivu1 {
        background-color:#21201E;
        width : 390px;
        }

        #sivu2 {
        background-color:#8B2323;
        width : 180px;
        }

        Ja siis ongelmahan on, että kun eri selaimet näyttävät tuon padding hommeliinin eri tavalla. Kun toisella saa sen näyttämään siltä miltä pitäisi niin toinen näyttää sen sitten väärin.


      • sdasdasda
        Nöyhtänä kirjoitti:

        Tässä olisi koodi:

        table {
        border : 1px solid;
        border-color :#FFF8DC;
        height : 400px;
        width : 600px;
        }

        td{
        border : 4px solid;
        border-color :#4F4F4F;
        }

        #sivu1, #sivu2 {
        height : 500px;
        padding: 5px;
        }

        #sivu1 {
        background-color:#21201E;
        width : 390px;
        }

        #sivu2 {
        background-color:#8B2323;
        width : 180px;
        }

        Ja siis ongelmahan on, että kun eri selaimet näyttävät tuon padding hommeliinin eri tavalla. Kun toisella saa sen näyttämään siltä miltä pitäisi niin toinen näyttää sen sitten väärin.

        Selitystä:
        http://www.yojih.net/fi_cribsheet/boxmodel.html

        Jos pistät sivut standardien mukaiseksi ei tarvitse käyttää noita häkkejä.. box model tulee kusemaan vanhoilla selaimilla, mut kuka niitä enää käyttää kuitenkaan? Niin vanhalla ie:llä on kone täynnä viruksia että ihme jos nettiin edes pääsee ;)


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

    Luetuimmat keskustelut

    1. Liikenneonnettomuus kuhmo

      Taisi Audi mennä lunastukseen ja pemari kilometritehtaalle
      Kuhmo
      40
      2586
    2. Olen aivan hajalla yhden

      Naisen takia😞
      Ikävä
      55
      1092
    3. Olen pahoillani kun olen satuttanut

      Välillä kiukuttaa paljon.
      Ikävä
      66
      921
    4. Riikka Purra on mukana Suomen huutokauppakeisari -sarjassa

      Suomen huutokauppakeisari on tavallisten suomalaisten ohjelma. Sarjan suosiosta kertoo se, että nyt alkaa jo 19. kausi t
      Maailman menoa
      59
      874
    5. Kuuleppas

      ensimmäiset naissuhteet toimii miehelle eräänlaisena oppikouluna, mutta hän ei välttämättä itse ymmärrä oppineensa mitää
      Ikävä
      227
      783
    6. T.h tuomio

      Onko tämä lainvoimainen vai onko tästä valitettu? Mitenhän on mennyt linnassa joko pehmennyt pää täysin
      Suomussalmi
      11
      710
    7. Paljonko on etäisyytesi kiinnostavaan naiseen km?

      Kaipailen tärkeää miestä ja pohdin hänen ajatuksiaan... ❤️
      Ikävä
      61
      691
    8. Mitä näät

      Siinä miehessä?
      Ikävä
      49
      634
    9. Naurettavia provoja ja lavastuksia täällä

      Saa olla aika harhainen jos uskoo juttuja täällä faktoina 😆😆😆 ihmiset matkii toisia jne
      Ikävä
      81
      617
    10. Miten sä jaksat

      Pitää susta huolen.
      Ikävä
      65
      613
    Aihe