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
      • 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. Yli 3 Vuotta sinä jaksoit

      ja yrititit ottaa selvää minusta. Aika hämmästyttävää. Naiselle.
      Ikävä
      89
      1430
    2. Mikä on viimeinen

      este joka vielä pitää sinut ja kaivattusi erillään?
      Ikävä
      83
      992
    3. Näin kaivattuni viimeksi...

      ...? Se tuntui kuin... ?
      Ikävä
      66
      877
    4. Miksi kumppaniehdokkaan oma elämä on teille ongelma?

      Täällä monesti kuulee vaatimuksia siitä, että kumppaniehdokkaalla ei saisi olla lemmikkejä, lapsia, kavereita, eksiä, su
      Sinkut
      361
      851
    5. Oikea nainen

      On äärimmäisen naisellinen, pienikokoinen, kapeaharteinen, pienet kapeat kasvot, paksut huulet, kauniit hiukset, upeat t
      Sinkut
      170
      815
    6. Harmi että välimme

      Menivät niin solmuun.
      Ikävä
      92
      733
    7. Olen pahoillani mies ihan kaikesta

      Et sinä ole edes tehnyt mitään väärää. Eihän kenestäkään ole pakko tykätä. Pyydän anteeksi kaikkea häiriköintiä, joka on
      Ikävä
      61
      585
    8. Minä olen käyttänyt mustan magian riittejä ja taikoja aiheuttaakseni epäonnea ja pahaa joillekin

      Ne jutut on toimineet. Olen harjoittanut tätä parisenkymmentä vuotta
      Ikävä
      123
      448
    9. Se ei silloin ollut sattumaa

      vaan tarkkaan suunniteltu juttu. 🪤
      Ikävä
      43
      445
    10. Laittasit nyt vaan vielä

      Viestin mies, kuitenkin haluut laittaa 🫢
      Ikävä
      51
      429
    Aihe