CSS  »  Articoli  »  CSS Menu 

Usare il commento condizionale

Nel primo esempio per risolvere problemi di compatibilità su IE5.x, IE6 e IE7 si sono usati gli hack: un'alternativa per ottenere un foglio di stile che ne è libero è invece l'uso del commento condizionale. Ecco quindi il secondo esempio in cui la regola specifica per IE sul padding dei li è inserita all'interno del commento condizionale, e il codice relativo:

Ovviamente in casi reali sarebbe preferibile portare la regola dentro un CSS esterno, insieme ad altre regole specifiche per IE qualora ce ne fosse bisogno. Stesso discorso per il CSS principale dell'esempio, che ho lasciato incorporato nella pagina per comodità di consultazione del lettore.

Conclusioni

Abbiamo visto una possibile implementazione di un menu a tab centrato, in cui per garantire la compatibilità con IE abbiamo dovuto creare regole specifiche. Da notare come sia possibile, solo intervenendo sull'allineamento del testo della lista che contiene il menu, trasformare il menu centrato in un menu allineato a sinistra o a destra.

Gli esempi sono stati testati con successo sulle versioni di IE dalla 5.5 alla 7, oltre che su Opera 9, Firefox 2 e Safari 2. Codice e immagini sono disponibili per il download. Alla prossima.

Altri articoli

Altre guide

Altre newsletter