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. Mikä Yllätti

      Kaivatussasi?
      Ikävä
      201
      1953
    2. Ei enää ulkoteltta ruokaa.

      Se oli sitten viimmeinen kerta kun tuonne teltalle menen.Laatu heikkenee joka vuosi ja annokset pienenee.Ei enää kiitos,
      Kuhmo
      48
      1146
    3. Jos sussa toisessa on yhtään miestä

      Ja kadut tekemisiäsi niin menet poliisin puheille, paljastat kaiken oman osuutesi ja kerrot mitä kaikkea se toinen on te
      Ikävä
      170
      1019
    4. Se katse...

      Täynnä rakkautta. Kunpa olisin tajunnut.
      Ikävä
      81
      966
    5. En ole hetkeen sinulle kirjoittanut nainen

      Vieläkin ajattelen sinua, jos voit uskoa. Tunteet minussa huutavat toivoa ja rakkautta, kun kylmä loogisuus taas pistää
      Ikävä
      56
      851
    6. 69
      762
    7. Muuttaisitko kaivattusi luokse

      heti asumaan? 🛒
      Ikävä
      99
      752
    8. Mitä eroavaisuuksia sinulla on

      kaivattusi kanssa? Esim. luonteessa. Haittaavatko erot vai ovatko vain rikkaus?
      Ikävä
      73
      687
    9. Onnettomuus

      Olivatko paikkakuntalaisia, jotka menehtyivät?
      Virrat
      23
      637
    10. Martinan tyttärestä hieno haastattelu IL

      Martina on kasvattanut fiksun tyttären.
      Kotimaiset julkkisjuorut
      326
      631
    Aihe