IE osoitti tänään taas pirullisuutensa firman intranetin ulkoasua uudistettaessa. Firefox ja kaikki muut selaimet ymmärtävät CSS:n “min-height” määritettä, mutta IE ei. Tekstiä ollessa enemmän kuin määritelty palstan minimi pituus, osaa ei-IE-selaimet venyttää laatikkoa tekstin mukaan käytetäessä “min-height” määritettä. IE ei sitä tunnekaan.
IE taas ymmärtää “height”-määritettä ja osaa sillä venyttää palstaa tarpeen tullen pidemmäksi. Tässä tapauksessa ei-IE-selaimet eivät osaa venyttää palstaa, vaan pitävät sen määritellyssä mitassa niin kuin oikeaoppisesti pitääkin.
Helpoimmalla olisin päässyt jos olisin suunnitellut intran vain IE:tä varten. 99% siellä kävijöistä käyttää IE:tä, koska heillä ei ole muitakaan selaimia asennettu. Yllättävän lyhyen googlettamisen jälkeen löysin tempun jolla saadaan pituus määriteltyä ja venymään kaikilla selaimilla.
#sisalto, edustaa tässä tapauksessa sisältöpalstan id:tä.

//Määritellään, #sisalto palstalle pituus
#sisalto{height: 550px;}

//Varsinainen IE temppu on tässä. Ei-IE-selaimet nappaavat tämän.
html>body #sisalto{height:auto;min-height: 550px;}

Firefox ja kaverit käyttävät toisena tullutta, koska siinä on määritelty tarkemmin id. Eli juuri tuo html>body lisänä. CSS:ssä tarkempi määrittely korvaa aina löyhemmän.