Come fare una pagina web compatibile con IE7

September 30

Una delle parti più frustranti di sviluppo di siti web sta diventando un sito web per guardare identico in tutti i principali browser. Dal momento che ogni browser legge il codice in modo leggermente diverso, è necessario regolare il codice leggermente per ogni browser per leggere correttamente. Internet Explorer è di solito il browser più difficile da codificare per. Come di IE7, Microsoft ha lavorato per rendere il browser legge il codice in modo simile ad altri browser. Ha ancora alcune stranezze, però. Quando si codifica per Internet Explorer 7 è necessario apportare alcune modifiche al codice, in particolare per i vostri fogli di stile a cascata (CSS), in modo che esso per visualizzare correttamente.

istruzione

1 Rimuovere la stella HTML incidere dal CSS. In passato, l'hack stella è stata utilizzata per assegnare il contenuto CSS solo per i browser Internet Explorer. Tale codice è simile al seguente:

html #content {width: 100px;}

Come di IE7, tuttavia, questo hack non funziona più. Internet Explorer ignora l'uso del codice di stella.

2 Rimuovere CSS 3 dal codice. CSS 3 è stato rilasciato nel mese di gennaio del 2010 e funziona solo nelle versioni più recenti dei principali browser. Mentre Internet Explorer 7 può comprendere alcuni di essi, se il sito si basa fortemente su CSS 3 non comparirà lo stesso in quel browser. E 'meglio per rimuovere tutti i CSS 3 dal tuo sito.

3 Utilizzando lo strumento di selezione bambino per nascondere CSS da Internet Explorer non funziona più, in modo da prendere fuori. Un selettore di bambino simile a questa:

text {color: # 000000;}

html> #text body {color: # CCCCCC;}

Internet Explorer 6 e precedenti letto ed elaborato la prima riga di codice, ma ignorato la seconda linea. Ogni altro browser legge il seconda linea e lo utilizza. Questo è utile quando si costruisce un sito intorno capricci di IE. Tuttavia, Internet Explorer 7 ora capisce selettori di figli, in modo che elaborare la seconda linea pure. Questo non è più un valido modo per nascondere il codice da Internet Explorer.

4 Eseguire il CSS e HTML attraverso il W3C Markup Validator (vedi "Risorse"). Questo programma consente di verificare il codice è all'altezza degli standard del World Wide Web Consortium. Durante l'esecuzione il codice attraverso questo non garantisce che sarà perfetto in IE7, ti aiuta a dimostrare gli errori che potrebbero causare problemi nel codice.

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

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

In questo esempio i collegamenti commento condizionale a un foglio di stile costruito solo per IE7. Costruire un secondo foglio di stile solo per IE7 è un modo di ottenere intorno alle stranezze CSS. È inoltre possibile aggiungere codice HTML e commenti di testo tra i commenti che solo Internet Explorer 7 gli utenti possono vedere.


Articoli Correlati