CSS: usare min-height su Internet Explorer 6

Far supportare la proprietà CSS min-height con un hack ad Internet Explorer 6.

CSS di Gabriele Romanato

Dustin Diaz ha proposto anni fa un hack (fast, come lui lo definisce) per risolvere il problema del supporto della proprietà CSS min-height anche in Internet Explorer 6. L'hack è davvero semplice e merita di essere approfondito.

L'hack è il seguente:


#box {

  min-height: 500px;

  height: auto !important;

  height: 500px;

}

Internet Explorer 6 tratta la proprietà height come se fosse min-height ed è proprio per questo motivo che l'hack ha successo in questo browser. La dichiarazione di altezza automatica con !important serve solo come "paracadute" per Internet Explorer 7.