Internet Explorer (tidligere til v7, i hvert fald) ikke følger de samme standarder som alle andre. Den mest mærkbare effekt dette har i blogging med WordPress er, at IE vil tilføje margener og polstring sammen, som virkelig kan skrue op dit layout. De øvrige effekter er alt for mange til at nævne her (min lille stikke på M $).

Jeg har endnu ikke set et tema designet i IE (ikke at der ikke er noget, jeg bare ikke se dem), så du generelt kan være forvisset om, at CSS fungerer godt med Firefox og andre moderne browsere. Af denne grund vil jeg anbefale dig at få dit websted til at se den måde, du vil have det i Firefox først, og derefter bekymre sig om IE senere.

Så du har din blog ser den måde du ønsker. Nu punkt Firefox til http://chrispederick.com/work/webdeveloper/ og få Web Developer Extension og installere. Du skal have en anden bar nu, har en menu der ser sådan ud:

Hvis du endnu ikke har, er det tid til at validere din kode (se WordPress Fejlfinding: Jeg er nødt til at validere Oh My?! ).

Nu, lave en kopi af dine temaer css-fil (normalt style.css) og omdøbe den til iestyle.css (i dette eksempel). Filen er, hvor vores IE specifikke CSS og tweaks vil opholde sig sikkert, ikke-forurenende nogen anden browser bortset fra IE, ') Hvis du ved, hvilke ændringer du ønsker at gøre for kun IE, gå videre og indtaste dem nu (i iestyles.css).

Nu skal vi bruge en betinget kommentar (som anbefalet af M $ for at løse disse problemer), således at når IE version 6 eller mindre (og kun IE version 6 eller mindre) kommer til vores site, vil det se vores iestyles.css . Vi har brug for at redigere temaets header.php-fil. Åbne den op og se efter, hvor vores styles.css kaldes. I mit tema ser det sådan her: