Internet Explorer (tidigare att v7, åtminstone) inte följer samma normer som alla andra. Den mest märkbara effekten detta har att blogga med WordPress är att IE lägger marginaler och padding tillsammans, som verkligen kan skruva upp din layout. Övriga effekter är alldeles för många för att nämna här (min lilla peta på M $).

Jag har ännu inte sett ett tema designad i IE (inte att det inte finns någon, jag bara inte se dem), så du kan generellt sett vara säkra på att CSS fungerar bra med Firefox och andra moderna webbläsare. Av denna anledning rekommenderar jag att du får din webbplats att se hur du vill att det ska i Firefox först, sedan oroa IE senare.

Så, har du din blogg ser hur du vill. Nu punkt Firefox att http://chrispederick.com/work/webdeveloper/ och få Web Developer Extension och installera. Du bör ha en annan bar nu har en meny som ser ut så här:

Om du ännu inte har, är det dags att validera din kod (se WordPress Felsökning: Jag måste godkänna?? Oh MY!).

Nu, gör en kopia av ditt teman css-filen (vanligen style.css) och döp om den till iestyle.css (i detta exempel). Den filen ligger där våra IE specifika CSS och tweaks kommer att bo på ett säkert sätt, inte förorenande någon annan webbläsare utom IE;) Om du vet vilka ändringar du vill göra för bara IE, gå vidare och föra in dem nu (i iestyles.css).

Nu ska vi använda en villkorlig kommentar (vilket rekommenderas av M $ att hantera dessa frågor) så att när IE version 6 eller mindre (och endast IE version 6 eller mindre) kommer till vår webbplats, kommer det att se våra iestyles.css . Vi måste redigera temat är header.php fil. Öppna den och leta efter där vår styles.css kallas. I mitt tema det ser ut så här:

Villkorad kommentar har att visas efter att det pågående samtal till style.css! Jag bestämde mig för att skriva in mitt villkorlig kommentar direkt efter ringa. Glöm inte, en stilmall koppling behöver i ditt huvud avsnitt, så se till att det är innan . Här är vad det ser ut nu:

Vad detta gör: