Internet Explorer (forrige til v7, minst) ikke følger de samme standardene som alle andre. Den mest merkbare effekten dette har på blogging med WordPress er at IE vil legge marginer og padding sammen, noe som virkelig kan skru opp layout. De andre effektene er altfor mange til å nevne her (mitt lille rote på M $).

Jeg har ennå å se et tema designet i IE (ikke at det finnes ikke noe, jeg bare ikke ser dem), så du kan stort sett være trygg på at CSS fungerer godt med Firefox og andre moderne nettlesere. Av denne grunn anbefaler jeg deg få nettstedet til å se ut slik du vil den skal i Firefox først, deretter bekymre IE senere.

Så har du bloggen din ser slik du vil. Nå peker Firefox til http://chrispederick.com/work/webdeveloper/ og få Web Developer Extension og installere. Du bør ha en annen bar nå som har en meny som ser slik ut:

Hvis du ikke har ennå, er det på tide å validere koden din (se WordPress Feilsøking: Jeg må validere Oh My?! ).

Nå, ta en kopi av temaene CSS-fil (vanligvis style.css) og endre navnet til iestyle.css (i dette eksempelet). At filen er der vår IE spesifikke css og tweaks vil ligge trygt, ikke forurensende noen annen nettleser enn IE; ') Hvis du vet hvilke endringer du vil gjøre for bare IE, gå videre og legge dem inn nå (i iestyles.css).

Nå skal vi bruke en betinget kommentar (som anbefalt av M $ å løse disse problemene) slik at når IE versjon 6 eller mindre (og kun IE versjon 6 eller mindre) kommer til webområdet vårt, vil det se vår iestyles.css . Vi trenger å redigere temaets header.php fil. Åpne den opp og se etter hvor vår styles.css kalles. I temaet mitt ser det slik ut: