Internet Explorer (precedente v7, almeno) non segue gli stessi standard di tutti gli altri. L'effetto più evidente questo ha in blog con WordPress è che IE si aggiungono i margini e imbottitura insieme, che può davvero rovinare il layout. Gli altri effetti sono troppo numerosi per citarli (la mia colpire po 'alla M $).

Devo ancora vedere un tema progettato in IE (non che non ci sono, solo che non li vedo), quindi si può generalmente essere certi che il CSS funziona bene con Firefox e altri browser moderni. Per questo motivo vi consiglio di ottenere il vostro sito per cercare il senso che lo vuole in Firefox, poi preoccuparsi di IE più tardi.

Quindi, avete il vostro blog cercando nel modo desiderato. Ora punto di Firefox per http://chrispederick.com/work/webdeveloper/ e ottenere la Web Developer Extension e installare. Si dovrebbe avere un altro bar, ora che ha un menu simile a questa:

Se non lo avete ancora, è il momento di convalidare il codice (vedi WordPress Risoluzione dei problemi: devo convalidare OH MY?! ).

Ora, fare una copia del file css temi (di solito style.css) e rinominarlo in iestyle.css (in questo esempio). Questo file è dove le nostre specifiche CSS IE e tweaks risiederà in modo sicuro, non inquinante qualsiasi altro browser tranne IE; ') Se sai quali cambiamenti si vuole fare solo per IE, andare avanti ed entrare adesso (in iestyles.css).

Ora andremo a usare un commento condizionale (come raccomandato da M $ per affrontare questi problemi) in modo che ogni volta che la versione IE 6 o meno (e solo per IE 6 o meno) arriva al nostro sito, che vedrà la nostra iestyles.css . Abbiamo bisogno di modificare il file header.php del tema. Aprirlo e cercare dove il nostro styles.css è chiamato. Nel mio tema che assomiglia a questo: