Internet Explorer e min-height
Scritto da Administrator   
sabato 30 maggio 2009

Se si vuole creare un layout di una pagina web, che sfrutti in altezza una dimensione minima predefinita (ad esempio l'altezza del monitor) può essere utile ricorrere alla proprietà css min-height.
Questo metodo è utile soprattutto nella costruzione delle sezioni centrali dei siti, per evitare di lasciare spazi vuoti in altezza e posizionare il footer della pagina sul fondo della stessa (indipendentemente dai contenuti).

Il problema però è che mentre Firefox, Opera e Safari implementano la proprietà min-height, questa non è considerata da Explorer (sia nella versione 6 che 7).
Ecco qui di seguito allora un esempio di codice da utilizzare per ovviare a questa mancanza. Il codice sfrutta l'operatore !important (che permette ad una regola css di sovrascrivere le regole che seguono) che Internet Explorer ignora completamente. Explorer interpreta inoltre min-height come se si trattasse della proprità height.

#miodiv {
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

Ultimo aggiornamento ( venerdì 07 agosto 2009 )