CSS: usare min-height su Internet Explorer 6

CSS: usare min-height su Internet Explorer 6

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.

Torna su