Hvordan lage en nettside kompatibel med IE7

En av de mest frustrerende delene av utvikling av nettstedet er å få et nettsted for å se identiske i alle store nettleser. Siden hver nettleser leser kode litt forskjellig, må du justere koden din litt for hver nettleser for å lese den riktig. Internet Explorer er vanligvis den mest vanskelige leseren å kode for. Per i IE7, Microsoft jobbet for å gjøre nettleseren lese koden på samme måte som andre nettlesere. Det har fortsatt noen quirks, men. Ved koding for Internet Explorer 7, må du gjøre noen tilpasninger til koden, spesielt til Cascading Style Sheets (CSS), for at det skal vises riktig.

Bruksanvisning

1 Fjern stjernen HTML hacke fra CSS. I det siste, var stjernen hack brukes til å målrette CSS innhold kun til Internet Explorer nettlesere. Slike koden ser slik ut:

html #content {width: 100px;}

Per i IE7, men denne hack ikke lenger fungerer. Internet Explorer vil ignorere bruk av stjernen kode.

2 Fjern CSS 3 fra koden. CSS 3 ble lansert i januar 2010 og fungerer bare i de nyere versjonene av de store nettleserne. Mens Internet Explorer 7 kan forstå noe av det, hvis området er sterkt avhengig av CSS 3 det vises ikke det samme i den nettleseren. Det er best å fjerne alt CSS 3 fra nettstedet ditt.

3 Bruke barnet velgeren verktøy for å skjule CSS fra Internet Explorer ikke lenger fungerer, så ta det ut. Et barn velger ser omtrent slik ut:

tekst {color: # 000000;}

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

Internet Explorer 6 og tidligere leses og behandles den første linjen med kode, men ignorerte den andre linjen. Hver annen nettleser leser den andre linjen og bruker det. Dette er nyttig når du bygger et nettsted rundt IE quirks. Men Internet Explorer 7 nå forstår barnets velgere, så det vil behandle den andre linjen også. Dette er ikke lenger en levedyktig måte å skjule koden fra Internet Explorer.

4 Kjør CSS og HTML gjennom W3Cs Markup Validator (se "Ressurser"). Dette programmet gjør at koden er opp til standarder for World Wide Web Consortium. Selv kjører koden gjennom dette ikke garantere at det vil se perfekt i IE7, hjelper det viser feil som kan føre til problemer i koden din.

5 Bruk betinget kommentarer for å vise koden kun til Internet Explorer. En betinget kommentar ser slik ut:

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

I dette eksempelet de betingede kommentar linker til et stilark bygget bare for IE7. Bygge en andre stilark bare for IE7 er en måte å komme rundt CSS quirks. Du kan også legge til HTML-kode og tekstkommentarer i mellom kommentarer som bare Internet Explorer 7-brukere kan se.