IE7 / padding?

wertys

Nettisivun reunojen (table) ja elementtien väliin on laitettu vasemmalle ja oikealle tyhjää tilaa 10 px paddingillä seuraavasti.

table {
margin : 0 auto;
border: 5px solid #666699;
width : 800px;
padding: 0 10px;
}

Padding, eli tyhjä tila, näkyy Firefoxissa, mutta ei ollenkaan IE 7:ssa. Mikä neuvoksi?

2

620

    Vastaukset 2

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • wertys

      Jossain oli, että näin voisi korjata CSS:n IE:tä varten, mutta ei tämäkään toimi. Miksi ei?

      table {
      margin : 0 auto;
      border: 5px solid #666699;
      width : 800px;
      padding: 0 10px;
      }

      /* this is recognized by IE only */
      * html table {
      padding: 0 15px;
      p\adding: 0 15px;
      }

      • Virallisesti elementin viemä tila lasketaan ns. laatikkomallin mukaan:
        elementin leveys padding border margin

        Ie taas ei tee noin, vaan kaventaa sisältöä tuon paddingin verran. Eli Ie:llä elementin todellinen koko on eri kuin muilla selaimilla.

        Tuo "korjaus" taas on ns. "ie-hack", joka perustuu siihen, että Ie suorittaa myös virheellistä koodia. Tosin ilmeisesti ovat osan bugeista korjanneet seiskaversiossa.

        Helpoin tapa on jättää padding kokonaan pois ja soveltaa marginia.

        Toinen ongelma saattaa olla siinä, että Ie ei salli taulukolle paddingia, enpä muista tarkkaan. Ylipäätään saattaisi olla fiksumpaa laittaa padding soluihin, jos sitä haluaa käyttää.


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

    Luetuimmat keskustelut

    1. Anni Ihamäki saa tylyä kommenttia TTK:sta - Erityisesti tämä "vääryys" ärsyttää

      Kaikille ei ole mieleen se, että Anni Ihamäki on mukana uudella Tanssii Tähtien Kanssa -kaudella. Ihamäki saa varsin ty
      Kotimaiset julkkisjuorut
      40
      1266
    2. Päivän Riikka: Pandan suklaatehdas Jyväskylästä Viroon

      Menkää töihin! Viroon! --- Liki sata vuotta kestänyt suklaantuotanto makeisvalmistaja Pandan tehtaalla Vaajakoskella pä
      Maailman menoa
      298
      1093
    3. Tiesitkö? Vappu Pimiän ensimmäinen aviomies ei ole Teemu-rakas

      Vappu Pimiä on tätä nykyä naimisissa Teemu Huuhtasen kanssa. Pimiä on toista kertaa naimisissa, sillä ensimmäinen liitto
      Kotimaiset julkkisjuorut
      25
      919
    4. Mitä et ole valmis sietämään ihmissuhteissasi ja miksi?

      Aiemmin jo kyseltiin mitkä vaatimukset olivat mielestänne liiallisia. Kyselläänkin nyt sitä, että millaisilla asioilla s
      Sinkut
      299
      910
    5. Älä nyt ylikuormitu vaikka sinusta pidänkin rakas nainen

      Tiedän, että olet minulle oikea. En halua pilata tätä juttua malttamattomuudella, mutta epäilen. Haluan vain olla lähel
      Ikävä
      33
      781
    6. Treffi-ilmoituksia!

      Tähän avaukseen voipi treffeille halukkaat laittaa oman - lyhyen - vapaamuotoisen hakunsa,burneri emaileinee). Tavoitte
      Sinkut
      193
      662
    7. Kai mua vähän

      Masentaa tämä kaikki. Tämä koko meidän välinen juttu on niin vaikea… Voitaisiinko molemmat lopettaa tilanteen ruokkimine
      Ikävä
      106
      621
    8. Riittäisikö se

      Että nähtäisiin viikonloppuisin? Naiselta.
      Ikävä
      61
      585
    9. kolme tunnistetta kaivatustasi

      Anna kolme tunnistetta kaivatussasi!
      Ikävä
      35
      543
    10. Olenko käsittänyt oikein?

      Tykkäät, mutta et halua mitään (ymmärrän kyllä syyn miksi et).
      Ikävä
      40
      536
    Aihe