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;
      }

      • Farkas

        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. Liikenneonnettomuus kuhmo

      Taisi Audi mennä lunastukseen ja pemari kilometritehtaalle
      Kuhmo
      38
      2231
    2. Olen pahoillani kun olen satuttanut

      Välillä kiukuttaa paljon.
      Ikävä
      56
      726
    3. Olen aivan hajalla yhden

      Naisen takia😞
      Ikävä
      41
      711
    4. Naurettavia provoja ja lavastuksia täällä

      Saa olla aika harhainen jos uskoo juttuja täällä faktoina 😆😆😆 ihmiset matkii toisia jne
      Ikävä
      71
      532
    5. Miten sä jaksat

      Pitää susta huolen.
      Ikävä
      62
      502
    6. Mitä oikeasti haluat?

      🥹
      Ikävä
      42
      500
    7. Mitä näät

      Siinä miehessä?
      Ikävä
      45
      500
    8. T.h tuomio

      Onko tämä lainvoimainen vai onko tästä valitettu? Mitenhän on mennyt linnassa joko pehmennyt pää täysin
      Suomussalmi
      6
      487
    9. Mikko Leppilampi loi TTK:ssa ankaran tavan - Jatkaako Veronica Verho haastavaa perinnettä?

      Suorien lähetysten juontaminen vaatii rautaista ammattitaitoa ja kovaa työtä. Tanssii Tähtien Kanssa -ohjelmassa on näh
      Kotimaiset julkkisjuorut
      25
      487
    10. Pientä pintaremonttia

      Mistä löytää kirves sähkö putkimiestä tai lasin asentajaa rässä hyrynsalmen pitäjässä, kun eiole puhelinluetteloa eikä k
      Hyrynsalmi
      16
      484
    Aihe