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

    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
      • 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. Ruotsissa uusi vakava ongelma: Vanhusten seksuaalinen hyväksikäyttö

      palvelutaloissa ja kotihoidossa. Tämäkin on ihan puhtaasti väärän maahanmuuton vaikutusta, sillä tekijät ovat kaikki keh
      Maailman menoa
      89
      2158
    2. Työeläkkeiden maksaminen lopetettava ASAP.

      "Vanhimmat sukupolvet ovat saaneet vastinetta eläke­maksuilleen monin­kertaisesti nykyisiin ja tuleviin sukupolviin verr
      Maailman menoa
      139
      1797
    3. Millä kolmella sanalla

      Kuvailisit kaivattuasi?
      Ikävä
      173
      1333
    4. Miltä se tuntuu olla

      vihattu ja kukaan ei puolusta?
      Ikävä
      229
      805
    5. Mitä mietit juuri nyt?

      🤔
      Ikävä
      65
      744
    6. Järkytys uutisten ystäville - Huomenta Suomen kesään iso muutos

      Huomenta Suomi on monen suomalaisen vakio-ohjelma. Suorana nähtävä Huomenta Suomi seuraa päivän tärkeimpiä uutisia, pol
      Maailman menoa
      10
      731
    7. Kyllä mä oon valmis jos sä oot

      Vaikka ja mihin... mutta paikka on väärä.
      Ikävä
      60
      730
    8. Trumpille jälleen voitto

      Trump ensin tuhosi Iranin ydinohjusprojektin, jotta ko. terroristivaltio ei voisi aiheuttaa ydinsotaa. Ja nyt Trump pako
      Maailman menoa
      211
      619
    9. Aurinkoni...

      On ikävä sua ❤️
      Ikävä
      49
      587
    10. Haluan teidät molemmat elämääni

      Toista rakastan todella syvästi, ja toinen on kuin paras ystävä minulle. En voi luopua kummastakaan... </3
      Ikävä
      47
      550
    Aihe