CSS e commenti condizionali per Internet Explorer

I commenti condizionali sono particolari istruzioni interpretabili dal browser Internet Explorer di Microsoft Windows. Sono supportati già dalla versione 5.0, ma pochissimi sono in grado di sfruttarne le notevoli potenzialità, specie nella correzione di interpretazioni anomale dei CSS proprio da parte del browser di casa Microsoft.

È possibile utilizzare commenti condizionali distinguendo addirittura la versione di Internet Explorer in uso dal navigatore, ottenendo effetti (o correzioni) differenti a seconda delle caratteristiche (o delle mancanze) specifiche della versione.

I commenti condizionali seguono una sintassi molto semplice, come nell’esempio che segue:

<!--[if IE 6]>
Qui ci metto istruzioni specifiche per Internet Explorer 6
<![endif]-->

Come si vede, il commento condizionale è un comando racchiuso tra gli indicatori di commento HTML: in questo modo i browser che non supportano questa funzionalità ignoreranno completamente il commento e le istruzioni in esso racchiuse.

Attenzione! Proprio per questo motivo, i commenti condizionali non possono essere utilizzati direttamente nei fogli di stile, ma vanno inclusi giocoforza nelle normali pagine HTML.

Ecco un altro semplice ma esaustivo esempio:

<p><!--[if IE]>
Stai utilizzando Internet Explorer<br />
<![endif]-->
<!--[if IE 5]>
Stai utilizzando Internet Explorer 5<br />
<![endif]-->
<!--[if IE 5.0]>
Stai utilizzando Internet Explorer 5.0<br />
<![endif]-->
<!--[if IE 5.5]>
Stai utilizzando Internet Explorer 5.5<br />
<![endif]-->
<!--[if IE 6]>
Stai utilizzando Internet Explorer 6<br />
<![endif]-->
<!--[if IE 7]>
Stai utilizzando Internet Explorer 7<br />
<![endif]-->
<!--[if gte IE 5]>
Stai utilizzando Internet Explorer, versione 5 o superiore<br />
<![endif]-->
<!--[if lt IE 6]>
Stai utilizzando Internet Explorer, versione inferiore alla 6<br />
<![endif]-->
<!--[if lte IE 5.5]>
Stai utilizzando Internet Explorer, versione inferiore o uguale alla 5.5<br />
<![endif]-->
<!--[if gt IE 6]>
Stai utilizzando Internet Explorer, versione superiore alla 6<br />
<![endif]-->
</p>Il risultato di questo semplice elenco di commenti condizionali è riportato nelle righe seguenti, sempre che stiate utilizzando Internet Explorer (scelta sconsigliata):