Sivullani on pieniä kaksiosaisia laatikoita, joiden tyyli on seuraavanlainen:
#yla {
width:173px;
height:25px;
background: url(yla.png);
}
#keski {
width:173px;
background: url(keski.png);
padding:5px;
}Nyt(niinkuin aina) IE näyttää laatikon keskiosan erilailla kuin Firefox paddingin takia.
Tein kuvan havainnollistamaan asiaa.
Kuinka tämä ongelman voisi korjata?
Laitat vain tuon alemman laitkon widhtiksi 10 pikseliä vähemmän?
Juu sain korjattua tekemällä IE:lle omat tyylitykset.
Saattamalla IE standardimoodiin toimii se samoin kuin muutkin selaimet.
Tuon saa myös korjattua näin ilman IE:n omia tyyliksiä. Lisätään div #content ylan & keskin ympärille. #content width on tuo määrittelemäsi, kun taas auto width noihin keski & ylaan:
#yla {
width:auto;
height:25px;
}
#content {
width:173px;
}
#keski {
width: auto;
padding:5px;
}
--------------
<body>
<div id="content">
<div id="yla"></div>
<div id="keski"></div>
</div>
</body>Aihe on jo aika vanha, joten et voi enää vastata siihen.