Come sanno bene gli sviluppatori web, purtroppo i diversi browser se non rispettano le regole del W3C interpretano le pagine diversamente da come dovrebbero, dando dei bei grattacapi.

Esiste una soluzione molto semplice per risolvere questo problema e consiste nell’utilizzo degli hacks.
Il miglior escamotage per risolvere il problema è quello dell’uso di fogli di stile multipli dedicati, per ogni browser che vorremo rendere compatibile con il nostro sito.

Ovviamente non è necessario riscrivere tutto il codice dei CSS, basta semplicemente aggiustare quelle parti che ci danno dei problemi.

Per inserire i link ai fogli di stile aggiuntivi, dedicati ad esempio a Internet Explorer 6 e 7, basta utilizzare queste istruzioni nell’head della pagina web:
<!--[if IE 6]>
<link href=”stili-ie6.css” mce_href=”stili-ie6.css” rel=”stylesheet” type=”text/css”/> <![endif]–>

<!--[if IE 7]>
<link href=”stili-ie7.css” mce_href=”stili-ie7.css” rel=”stylesheet” type=”text/css”/><![endif]–>

Potremo così usare come elemento di partenza un foglio di stile creato considerando i browsers che rispettano gli standard del W3C e usare i fogli di stile aggiuntivi per risolvere i problemi di visualizzazione dei browser non standardizzati.

L’aspetto interessante dell’uso di fogli di stile multipli è che ci permettono di correggere in qualsiasi momento le impostazioni dedicate a un ben determinato browser in maniera rapida ed efficace per tutto il nostro sito.

Una curiosità per chi si chiede cosa voglia dire il termine Hack (la citazione è presa da Wikipedia):

il termine “hack” era un ternime in voga tra i lavoratori inglesi, che costruivano locomotive in USA. Con l’espressione gergale “that’s a hack!” veniva solitamente indicato un “bel lavoro, ben fatto, di qualcosa di imponente e costruito con metodo e criterio”