2009 27. juuli 2009

User Agent Style Sheets: Mystery Veerised Google Chrome

Eile, nagu iga teine ​​"Ground Hog Day" Ma töötasin mõned CSS / tableless paigutusega. Kõik läks hästi IE 7, FF 3 ja Chrome, untill äkki nägin mõned un-Eiratavad marginaalid näha ainult Google Chrome. Kuigi väga kummaline ja worring, see oli mõned uued bug / küsimus, et mul oli kohanud, oli lõpuks mõned vürtsi minu Ilmalik töö. Kurb (aga kena) see sai kinnitatud mõne minuti jooksul proovivõtturi ...

Põhimõtteliselt, see nägi välja nagu Google Chrome ignoreerida minu CSS Taastab (margin: 0px). See tegelikult oli tingitud kasutaja agent stiil (-WebKit-padding-start: 40px). Nii et lahendus oli taastada seda stiili luues padding: 0 tööta elemente.
Hea viis vältida probleemi kordumist iga element on kasutada maailma CSS Rest järgmiselt

* {Margin: 0; padding: 0;}

Mis on User Agent Style Sheets (spetsifikatsioon)?
Järgmine katkend on võetud http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , järgige linki rohkem lugeda User Agent Style Sheets

CSS 1 tutvustab idee, märkides, et iga User Agent (UA, sageli "veebilehitseja" või "web klient") on default style sheet, mis esitab dokumendid mõistlik - kuid väidetavalt Ilmalik - viisil. CSS 2 ütleb, et vastava kasutaja agendid peavad kehtima default style sheet (või käituma kui nad tegid) ja et kasutaja agent vaikimisi stiili lehel peaks esitama elemendid dokument keeles viisil, mis täidavad üldist esitust ootused dokumendi keele CSS 3 tõenäoliselt sama meelt.

Kuna CSS spetsifikatsioonid jätta kuni rakendusi, kas kasutada "päris" stiil lehte kuvar vaikimisi või mitte, see ei ole üllatav, et sa ei leia default style sheet iga brauseri installi kausta. Erinevalt Microsofti Internet Explorer ja Opera, näiteks (ja niipalju kui ma tean), Gecko brauserid nagu Firefox ja Netscape Navigator (otsi "html.css"), vaid ka Konqueror oleks üsna lihtne mõista nende vaikimisi stiili.


2008 2. august 2008

Milles DOCTYPE in XSL

Eelmisel nädalal tegin progessive HTML / CSS kujundus kliendi jaoks, testitakse seda IE6, IE7 ja FF 3, tundus täiesti hea ... kuni! paigutus läks edasiste manufacting vältel. See ei õnnestunud. Lehekülje paigutuse elemente läks kogu koht, kui HTML kujundus oli ümber XSL ja XML rakendada see ... kurb!

Ei saanud magada ok nädalavahetusel, et oodates esmaspäeva hommikul, kui ma pean seda parandada SH **. Aga nüüd on väike experince suhtlemisel Sellised olukorrad (Browser quirks, ma mõtlen), ma teadsin, et see oli pistmist midagi, kuid DOCTYPE .... ja see oli ...

Probleem:
Sa tahad üle DOCTYPE, kuna teie ümberkujundamine hõlmab vaikimisi DOCTYPE selgesõnaliselt, ja sa kujundus on välja Toss.

Lahendus:
XSLT specs pakub väljundit meetoditega, et määrata DOCTYPE on tootevalik. Ka meie jaoks UI arendajate huvitavatel teemadel oleks HTML väljund meetodeid ja XML väljund meetodeid .

Hästi! enne kui sa igav, siin on fix.

Sest nt., Kui sa olid järgmised DOCTYPE oma HTML versioon: -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Siis XSL oleksite on järgmised: -

<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/loose.dtd" doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" indent="yes" />

ja lõpuks! ei veenduge, et XSLT väljund kuuletub DOCTYPE olete valinud.


NDK kodus | Väljendades IT | väljendamine Maitse | väljendamine Penmenship | väljendamine Awe | väljendamine Myself