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. Keitä täällä on??

      Kertokaa nimenne!! 🤔
      Ikävä
      110
      1084
    2. Tiedät, että en voi enää laittaa viestiä

      Aikaa kulunut. Eikä se näyttäisi enää luontevalta vastata näin pitkän ajan jälkeen. Tiedän myös, että sinä et enää lait
      Ikävä
      82
      814
    3. Tuleeko Martinasta rouva Muhis

      Saako vihdoinkin ne haaveilemansa prinsessa häät Hajjin entinen Muhammad kanssa, 😂 yhteistä heillä on se, että molemmat
      Kotimaiset julkkisjuorut
      264
      606
    4. Nostetaanpas kissa pöydälle: Onko Kuhmossa työpaikkakiusaamista?

      Kuka uskaltaa puhua? Vai uskaltaako kukaan? Naisvaltaisella alalla on kuulemma Kuhmossa ruma tilanne. Mitä aikuiset ede
      Kuhmo
      17
      595
    5. Mitä hyvää

      Mitä hyvää hän on tuonut elämääsi?
      Ikävä
      66
      548
    6. Ei enää kauaa rakkaani

      Ensin minun pitää saatella narsistit oikeuden eteen ❤️
      Ikävä
      93
      535
    7. Miten näytät / näytit ihastumisesi hänelle?

      Toimiko, miten hän vastasi? vinkki5
      Ikävä
      26
      512
    8. Oletko miettinyt sitä

      Että jos meidän persoonat ei sovi yhtään yhteen ;) No onneksi kumpikin on fiksu eikä halua toiselle mitään pahaa.
      Ikävä
      47
      491
    9. Mitä sanoisit

      juuri nyt kaivatullesi jos uskaltaisit/kehtaisit?
      Ikävä
      43
      476
    10. Mökötätkö, kun jäit ilman vastausta?

      Vai mitä ajattelet...
      Ikävä
      47
      437
    Aihe