Internet Explorer (voorafgaand aan v7, tenminste) volgt niet dezelfde normen als ieder ander. De meest opvallende effect dit heeft in bloggen met WordPress is dat IE marges en opvulling voegt samen, die echt kan schroef je lay-out. De andere effecten zijn veel te talrijk om hier te vermelden (mijn kleine steken bij M $).

Ik heb nog om een thema ontworpen in IE (niet dat er geen, ik zie ze niet), zodat u in het algemeen kunt erop vertrouwen dat de CSS werkt goed samen met Firefox en andere moderne browsers. Om deze reden adviseer ik u uw site aan de manier waarop u wilt dat het in Firefox eerst te kijken, dan zorgen over IE later.

Dus, hebt u uw blog kijken zoals u dat wilt. Nu punt Firefox om http://chrispederick.com/work/webdeveloper/ en ontvang de Web Developer Extension en te installeren. Je moet nog een andere bar nu een menu is dat er als volgt uitziet:

Als u nog niet hebt, is het tijd om uw code te valideren (zie WordPress Problemen oplossen: ik heb te valideren? Oh My!).

Nu, een kopie van uw thema's te maken css-bestand (meestal style.css) en hernoem het naar iestyle.css (in dit voorbeeld). Dat bestand is waar onze specifieke CSS en IE tweaks veilig zullen wonen, niet vervuilende een andere browser met uitzondering van IE; ') Als je weet wat wijzigingen die u wilt maken voor slechts IE, ga je gang en nu voer hebben (in iestyles.css).

Nu gaan we een voorwaardelijke commentaar gebruiken (zoals aanbevolen door M $ om deze kwesties aan te pakken), zodat wanneer IE versie 6 of minder (en alleen IE versie 6 of lager) komt op onze site, zal het onze iestyles.css . We moeten bewerken header.php het thema bestand. Open het op en kijk naar waar onze styles.css wordt genoemd. In mijn thema ziet het er als volgt uit:

De voorwaardelijke reactie is te verschijnen na de bestaande oproep om style.css! Ik besloot om mijn voorwaardelijke commentaar rechts betreden nadat de bellen. Vergeet niet, een stylesheet verband dient te worden in je hoofd afdeling, dus zorg ervoor dat het voor uw . Hier is hoe het eruit ziet nu:

Wat dit doet: