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 )
|