Ottenere CSS visualizzato correttamente su tutti i browser è un problema comune nel Web design. La perfetta progettazione Web è spesso segnata da problemi con Internet Explorer, un browser conosciuto per le sue stranezze e bug durante l'implementazione CSS. A parte le discrepanze nel rendering che CSS rispetto ai browser come Firefox, Safari e Chrome, ogni versione di Internet Explorer interpreta anche CSS in modo diverso. Utilizzo di file CSS separati è una soluzione che si può optare per se si desidera creare un sito compatibile con tutti i browser e le varie versioni di Internet Explorer.

Istruzioni

1

Creare un file CSS specifici per un determinato browser e caricarlo sul tuo sito.

2

Aprire la pagina Web utilizzando un editor HTML o blocco note.

3

Digitare il seguente codice nella sezione < head >:

<!-[se lte IE 6] >

< link rel = "stylesheet" type = "text/css" media = "schermo, proiezione" href="iestyle.css" / >

<! [endif]-->

Il codice precedente utilizza un'istruzione condizionale in cui il foglio di stile "iestyle" è utilizzato se il browser è Internet Explorer versione 6 o inferiore. Modificare l'istruzione per riflettere la versione di browser che si desidera di destinazione e specificare il file CSS nella sezione href.

4

Salvare le modifiche.

Consigli & Avvertenze

• Altre istruzioni condizionali possono essere trovati sul sito MSDN di Microsoft.