Internet Explorer (tidligere til v7, minst) ikke følger de samme standarder som alle andre. Den mest merkbare effekten dette har på blogging med WordPress er at IE vil legge marginer og padding sammen, noe som kan virkelig skru opp layout. De andre effektene er altfor mange til å nevne her (min lille dytt på M $).
Jeg har ennå å se en tema designet i IE (ikke at det ikke finnes noen, jeg bare ikke se dem), slik at du kan generelt 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 ha det til i Firefox først, deretter bekymre IE senere.
Så har du bloggen din ser ut slik du ønsker. 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å gjør en kopi av temaene css-filen (vanligvis style.css) og endre navnet til iestyle.css (i dette eksempelet). Denne 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 ønsker å 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 $ for å løse disse problemene) slik at når IE versjon 6 eller mindre (og kun IE versjon 6 eller mindre) kommer til vårt nettsted, vil det se våre iestyles.css . Vi trenger å redigere temaets header.php fil. Åpne den opp og se etter hvor vår styles.css kalles. I mitt tema ser det ut som dette:
Den betingede kommentaren har å vises etter den eksisterende samtalen til style.css! Jeg bestemte meg for å gå inn i min betinget kommentar rett etter ringe. Ikke glem, et stilark kobling må være i hodet delen, så sørg for at det er før . Her er hva det ser ut nå:
Hva dette gjør:
Postet i Data , Ting , WordPress
Hei!
Takk for alle wordpress feilsøkingsveiledningene!
Men, jeg prøvde denne (Min blogg ser fryktelig i IE), men det fungerer ikke på min side. Jeg antar det er bare mangel på kunnskap fra min side, men kan du hjelpe meg?
Først prøvde jeg bare å kopiere / lime (med endring av link til min iestyle), og da jeg prøvde å endre det til hvordan det var i den aktuelle stilark (endret xhref til href, media = alle til media = skjermen etc).
Link: kenta.no
Som du kan se, er min css ikke fungerer i IE. IE suger.
Min artikkel opprinnelig hadde noen tegn strippet fra det (min feil, beklager) ... Vennligst sjekk igjen for korrigerte kommentar tegn.
Og ikke glem å endre margin / padding dimensjoner i 'iestyle.css' (gjør det "mindre" eller fjerne) ...
Hei Sam,
Takk så mye for dette tute! Jeg har vært på jakt etter et svar hele uken, du virkelig forenklet ting uten å legge i alle CSS sjargong.
Døden til IE
Mine følelser nøyaktig!
Jeg er glad det hjalp; ')
Takk for pingback Sam! Jeg er bare glad for at min tute er å hjelpe andre med dette problemet - synes du og jeg er bare en del av en utvalgt få som har valgt å skrive opp løsninger
Takk for dette innlegget.
Jeg er ikke for php kunnskapsrike, og jeg hadde funnet et php nettleser sniffer så jeg kunne legge på meg ekstra css for Internet Explorer-brukere, men å installere dette innenfor wordpress er et mareritt på min ferdighetsnivå, spesielt siden jeg er en dag forbi min klient tidsfrist. Dessverre kan denne koden fungere, men jeg har ingen måte å bekrefte dette på en mac, og jeg søkte å finne en IE emulator plug-in for Firefox slik at jeg kunne bruke den søte Firebug plug-in og sjekke min regioner, men ingenting er opp for mac ennå. (Og nei, jeg kan ikke råd til en ny intel mac eller VirtualPC, tidsmessig selv.)
Det er mye å beklage, men jeg vil finne en løsning. standardbasert design har å vinne.