Corsi on-line

min-height in IE 6

min-height è una proprietà del CSS che definisce l’altezza minima di una div-box permettendo l’espansione dello stesso oltre l’altezza specificata, in pratica tramite l’utilizzo di min-height è possibile stabilire quanto un box può essere basso… ma non impone alcuna limitazione al suo sviluppo verticale.

min-height è supportato dalle versioni 7 e 8 di Internet Explorer, ma non dalla versione 6 che, nonostante sia estremamente datata, è ancora largamente utilizzata. Per poter utilizzare questa proprietà anche con IE 5 è possibile utilizzare un piccolo hack:

/*codice per i browser compatibili */
.container {
min-height:100px;
height:auto !important;
}

/* codice per browser che non supportano min-height*/
* html .container {
height: 100px;
}

In questo modo il nostro design sarà finalmente cross-browser.

Post correlati
I più letti del mese
Tematiche