Una delle parti più frustranti di sviluppo di siti Web sta diventando un sito Web per guardare identici in tutti i principali browser. Poiché ogni browser legge il codice in modo leggermente diverso, è necessario regolare il codice leggermente per ogni browser per leggerlo correttamente. Internet Explorer è di solito il browser più difficile al codice per. A partire da IE7, Microsoft ha lavorato per rendere il browser leggere codice allo stesso modo di altri browser. Ha ancora alcune stranezze, tuttavia. Durante la codifica per Internet Explorer 7 è necessario apportare alcune modifiche al codice, specialmente ai tuoi fogli di stile CSS (CSS), in ordine per poter visualizzare correttamente.

Istruzioni

1

Rimuovere l'hack HTML stella dal foglio di stile CSS. In passato, l'hack stella è stato utilizzato per assegnare il contenuto CSS solo per i browser Internet Explorer. Tale codice è simile al seguente:

HTML #content {width: 100px;}

A partire da IE7, tuttavia, questo hack non funziona. Internet Explorer ignora l'uso del codice stella.

2

Rimuovere CSS 3 dal codice. CSS 3 è stato rilasciato nel gennaio del 2010 e funziona solo nelle versioni più recenti dei browser principali. Mentre Internet Explorer 7 può capire un po', se il sito si basa pesantemente su CSS 3 non apparirà lo stesso in tale browser. Si consiglia di rimuovere tutti i CSS 3 dal tuo sito.

3

Utilizzando lo strumento selettore figlio per nascondere i CSS da Internet Explorer non funziona, quindi tirarla fuori. Un selettore di bambino simile a questo:

testo {color: #000000;}

HTML > body #text {colore: #cccccc;}

Internet Explorer 6 e versioni precedenti leggi ed elaborato la prima riga di codice, ma ignorato la seconda linea. Ogni altro browser legge la seconda riga e la utilizza. Questo è utile quando si costruisce un sito intorno stranezze di IE. Tuttavia, Internet Explorer 7 ora capisce selettori di figlio, quindi verranno elaborati dalla seconda linea pure. Questo non è più una via percorribile per nascondere il codice da Internet Explorer.

4

Attraversano il tuo CSS e HTML Markup Validator di W3C (vedere "Risorse"). Questo programma consente di verificare che il tuo codice è all'altezza degli standard del World Wide Web Consortium. Mentre il codice viene eseguito attraverso questo non garantisce che sembrerà perfetto in IE7, aiuta a mostrare gli errori che potrebbero causare problemi nel codice.

5

Utilizzare commenti condizionali per mostrare il codice solo per Internet Explorer. Un commento condizionale è simile al seguente:

<!-[se IE 7] >< link rel = "stylesheet" type = "text/css" href="css/ie7stylesheet.css" / ><! [endif]-->

In questo esempio il condizionale commentare collegamenti a un foglio di stile costruito solo per IE7. Costruzione di un secondo foglio di stile solo per IE7 è un modo per aggirare le stranezze CSS. È inoltre possibile aggiungere commenti di testo e codice HTML tra i commenti che si possono vedere solo gli utenti di Internet Explorer 7.