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

827

    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. Orpo räyhää: kansan on muututtava

      Orpon mukaan kansa ei elä kokoomuksen kanssa samassa todellisuudessa, ja sen vuoksi kansan on muututtava. Kas kun ei san
      Maailman menoa
      263
      3275
    2. Muovikassikartelli

      Kauppaketjut ovat yhdessä sopineet muovikassin yksikköhinnaksi 59 senttiä. Milloin viranomaiset puuttuvat tähän kartell
      Talousrikokset
      20
      1809
    3. Aidon persun tunnistaa Marinin palvonnasta

      Oli kyse sitten Halla-ahosta tai Putinista. Ensimmäisenä aidolle persulle tulee mieleen Marin.
      Maailman menoa
      23
      1473
    4. Mikä tekee sen

      Vetovoiman kaivatussasi?
      Ikävä
      81
      1324
    5. Harmittaako joku

      Harmittaako joku asia tai asiat, mitä on tapahtunut tai jäänyt tapahtumatta?
      Ikävä
      137
      1028
    6. Miksi et vain uskalla!?

      On niin ikävä...
      Ikävä
      81
      974
    7. Hallintooikeus..

      "Asemakaavapäätös pysyy voimassa.Poikkeamista ja rakentamista koskevat luvat hylättiin" kertoo Pyhäjärven Sanomat netti.
      Pyhäjärvi
      61
      778
    8. Olen rakastunut

      varattuun joka ei eroa. Miten tunteista eroon? Tämä ei ole tavanomaista. On elämäni suuri rakkaus.
      Ikävä
      86
      726
    9. Jos se joskus oli molemminpuolista

      niin hyvin me molemmat onnistuttiin pitämään toinen epätietoisena.
      Ikävä
      60
      648
    10. Laita nyt se viesti

      Tiedän että haluat tavata. Kirjoitat, pyyhit, kirjoitat... Lähetä se viesti 😗
      Ikävä
      50
      616
    Aihe