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

549

    Vastaukset

    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. Päivän Sanna: Suomi maailman onnellisin maa

      Sanna muutti Suomen maailman onnellisimmaksi maaksi. Hänen pyyteetön työnsä maailmalla tuottaa edelleen tulosta.
      Maailman menoa
      146
      3952
    2. Taisi kolahtaa....

      Joku kysyi, että miksi S24 sallii kirjoittelun tänne venäläisiltä alustoilta, juttu poistui. Täällähän tosiaan välillä
      Maailman menoa
      38
      2605
    3. Moni islamilainen maa on jo kieltänyt burkat ja nigabit

      mm. Marokko, Tunisia ja Turkki. Miksi he ovat sen tehneet? No perusteet ovat selkeät ja yhteneväiset: turvallisuus, yhte
      Maailman menoa
      55
      1972
    4. Vain puolet SDP:n kannattajista luottaa puoluejohtoon häirintäkohussa

      Ja SDP on ilmoittanut, että ainoa rangaistus häirintään syyllistyneille kansanedustajille on puhuttelu - aina sama. Eli
      Maailman menoa
      77
      1864
    5. Suomi edelleen maailman onnellisin maa

      Olemme hyvällä tiellä. Laitetaan nyt talous kuntoon.
      Maailman menoa
      204
      1732
    6. Mikä kaivatussasi

      on eniten yllättänyt?
      Ikävä
      72
      1045
    7. Kyllä mies pakit kestää

      Herranen aina nyt poijat! 😃 Jos pelkäätte pakkeja noin paljon niin hamekangasta hakemaan. Oon ite saanut useammatkin n
      Ikävä
      21
      1042
    8. Milloin olit onnellinen? Miksi?

      Mikä saa sinut onnelliseksi? Suomi on 9. kertaa maailman onnellisin maa. Kuulutko sinä onnellisten suomalaisten joukkoon
      Sinkut
      139
      742
    9. Miksi ajattelet

      että et riittäisi kaivatullesi?
      Ikävä
      61
      724
    10. Anniina Valtonen odottaa - Sai 2-vuotiaalta lapseltaan napakan heiton!

      Suosikkimeteorologi Anniina Valtonen elää uutta vaihetta elämässään. Hän on kertonut odottavansa toista lasta. Valtonen
      Suomalaiset julkkikset
      22
      722
    Aihe