Hvordan lage en sekundær CSS Style Sheet for Internet Explorer 8

October 22

Hver gang Microsoft lanserer en ny versjon av Internet Explorer, er Webdesignere presentert med et nytt sett av insekter som bryter sine vakre oppsett. Designere er også overfor utsiktene at siden Internet Explorer ikke selv oppdatering som andre nettlesere, mange brukere aldri oppgradere til nyere versjoner. Den gode nyheten er at Microsoft har gitt designere et sett med betingede koder som ser ut som kommentarkoder til alle andre nettlesere, så serverer forskjellige stilark til forskjellige versjoner av Internet Explorer ikke lenger krever upålitelige Javascript.

Bruksanvisning

1 Åpne nettstedets HTML-fil som inneholder <head> og </ head> taggene. På statiske HTML nettsteder, betyr det at du trenger å åpne hver HTML-fil som brukes av nettstedet. Bruke et program som Notepad ++, Coda eller jEdit, eller du kan redigere i Windows Notisblokk. Ikke rediger HTML-filer i Microsoft Word.

2 Finn din kode som inneholder link til din stilark. Noen nettsteder har mer enn én, men de ser mye som dette:

Legg til en ny <link> -taggen og sette "href" attributt til banen til den nye stilarket for Internet Explorer 8. Sørg for at du legger denne <link> -taggen etter de andre, slik at leseren leser det siste, etter påføring av vanlig stiler.

3 Legg Internet Explorer betingede kodene rundt det nye <link> -taggen. For å målrette bare Internet Explorer 8, gjør det på denne måten:

<! - [Hvis IE 8]>

<link rel="stylesheet" href="path/to/yourstyle.css" />

<! [Endif] ->

Fordi de betingede uttalelser er i hovedsak kommentere koder med noen betinget kode i dem, ikke-Internet Explorer nettlesere behandle dem som kode kommentarer. Kode kommentarer, som brukes i mange programmeringsspråk, gjør ingenting, men gir tekst for noen som redigerer koden for å lese.

4 Opprett en tom fil og lagre den som "ie8.css" eller hva annet navn du føler er egnet. Her kan du legge til alternative stiler for Internet Explorer 8. Fordi den siste stilen erklært på en webside går foran alle andre, hvis du setter avsnitt for å justere til venstre i hoved stilark og deretter sette dem med rett justering i ie8.css fil, viser Internet Explorer 8 høyrejustert tekst. Hvis du erklært en stil på venstrejustert tekst i HTML-koden selv, men venstrejustert teksten vises uansett hvilken nettleser en besøkende bruker.

Hint

Bruk en skikkelig DOCTYPE for HTML-filer for å unngå rotete bugs. Prøv å skrive CSS-kode som er kompatibel med alle nettlesere først, og når det ikke er mulig, og deretter opprette en ekstra CSS-fil. Betingede koder og en ekstra stilark bør være siste utvei.
Inkludert en annen CSS-fil for alle versjoner av Internet Explorer legger for mange HTTP-forespørsler til nettstedet ditt. Når leseren har til å hente mange ekstra filer, bremser det ned på siden lasting tid. Target nettleserversjoner 8 og under ved å bruke <! - [Hvis lte IE 8]> i stedet for <! - [Hvis IE 8]>.