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?
IE7 / padding?
2
510
Vastaukset
- 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
Orpo hiiri kadoksissa, Marin jo kommentoi
Kuinka on valtiojohto hukassa, kun vihollinen Grönlantia valloittaa? Putinisti Purra myös hiljaa kuin kusi sukassa.815980Lopeta jo pelleily, tiedän kyllä mitä yrität mies
Et tule siinä onnistumaan. Tiedät kyllä, että tämä on just sulle. Sä et tule multa samaan minkäänlaista responssia, kosk3205412Nuori lapualainen nainen tapettu Tampereella?
Työmatkalainen havahtui erikoiseen näkyyn hotellin käytävällä Tampereella – tämä kaikki epäillystä hotellisurmasta tie484630Tampereen "empatiatalu" - "Harvoin näkee mitään näin kajahtanutta"
sanoo kokoomuslainen. Tampereen kaupunginvaltuuston maanantain kokouksessa käsiteltävä Tampereen uusi hyvinvointisuunni3133655Ukraina, unohtui korona - Grönlanti, unohtu Ukraina
Vinot silmät, unohtui Suomen valtiontalouden turmeleminen.12217Lidl teki sen mistä puhuin jo vuosikymmen sitten
Eli asiakkaat saavat nyt "skannata" ostoksensa keräilyvaiheessa omalla älypuhelimellaan, jolloin ei tarvitse mitään eril1362122Orpo pihalla kuin lumiukko
Onneksi pääministerimme ei ole ulkopolitiikassa päättäjiemme kärki. Hänellä on täysin lapsellisia luuloja Trumpin ja USA1011254- 7933
- 154814
- 52675