IE ongelma

Ongelma on IE:n bugeissa. IE vaan näyttää tietyt jutut väärin. Bugisalkusta löytyy giljotiinia ja beegaboo bugia ja mitä kaikkia niitä nyt oli. On ihan normaalia että IE näyttää jonkin asian 3 pikseliä (vai olikohan 4 pikseliä) väärässä paikassa. Voi vaan arvailla millaista koodia IE:n sisällä on kun tuollaisia tulee. Tulee väkisin mieleen että kiireessä on laastaroitu 3 px jonkin funktion palauttaman arvon päälle jotta joku muu käyttöjärjestelmän elementti on saatu kohdalleen tms.

Tällä hetkellä voi tehdä CSS:n erikseen IE:lle esimerkiksi käyttämällä Child Selectoria. IE kun ei siitäkään ymmärrä tuon taivaallista, eli ensin tehdään määrittely IE:n mukaan ja sen perään Child Selectorilla korjataan arvot oikeiksi. Tuloksena on se että IE saa väärät arvot (oikeat IE:lle) ja kunnolliset Internet selaimet saa elementille oikeat arvot uudelleen tuon Child Selectorin avulla.

Aihetta kannattaa Googlata vaikka [css ie bugs ] hakusanoilla.

.navi IMG {
display: inline;
}

Eli lisäsin tuon Ridgen ehdottaman jostain tuli mieleen vertical-align -ominaisuus jota päätin kokeilla ja toistaiseksi kaikki näyttäisi toimivan!

Alla lisäykset, jos jollain on samanlaisia ongelmia:

.navi img {
   display: inline;
   vertical-align: bottom;         
}