L'articolo che stai leggendo è stato scritto 522 giorni orsono.
Le informazioni presenti potrebbero non essere aggiornate!
Perchè dalle statistiche leggo che ancora molti usano il famigerato Internet Explorer V. 6. Nemico giurato di ogni webmaster.
Fra le tante cose che IE6 NON fa è leggere le istruzioni min-height, min-width ed le relative istruzioni max-*. Per ovviare al problema, basta prendere un po' in giro il browser :-)
Ipotizzando di voler impostare un min-height a 400px, scriviamo le istruzioni di CSS in questo modo.
.TheClass{ height: auto !important height: 400px; min-height: 400px; }
IE6 non legge nemmeno !important, quindi ignorerà l'impostazione dell'altezza automatica, dato che subito dopo la impostiamo a 400px.
Se l'altezza della pagina risultasse inferiore a 400px (si parla di pagine generate via script) IE6 leggerà height settato a 400px. Il resto del mondo (civilizzato) arriverà all'istruzione min-height, ignorando la dicitura di height seppur impostata con !important. Questo perchè !important determina una priorità massima fra istruzioni identiche, ma height è diverso (!=) da min-height :-)
Se la risultanza dello script che genera l'html della pagina desse un'altezza maggiore di 400px, i browser diversi da IE6 ignoreranno min-height per utilizzare height.
Per IE6 non ci saranno problemi. Grazie alla sua scarsissima interpretazione dei CSS, se questo trova un'altezza effettiva di elemento maggiore rispetto a quella settata nel CSS, ignorerà l'istruzione presente nel foglio di stile.
Noterete che per far funzionare bene IE6, più che cercarne le caratteristiche, bisogna sfruttarne furbescamente i difetti ;-)
