Uživatelská listy Agent Styl: Mystery Okraje v Google Chrome

Včera, jako každý jiný "Den pozemního Hog", jsem pracoval na některých CSS / beztabulkový rozvržení. Všechno šlo dobře v IE 7, FF 3 a Chrome, až do roku náhle jsem viděl, některé ne-ignorable rozpětí vidění pouze v prohlížeči Google Chrome. Ačkoli velmi podivné a worring, to byla nějaká nová chyba / problém, který jsem přišel naproti přes, tam byl nakonec některé koření ve své světské práci. Sad (ale pěkný) se dostal stanoveny během několika minut sondy ...

V podstatě to vypadalo, že Google Chrome ignoroval mou CSS Obnoví odst. margin: 0px). Ve skutečnosti to bylo způsobeno stylem uživatelského agenta (-webkit-padding-start: 40px). Takže řešení bylo obnovit tento styl nastavením padding: 0 nechová prvky.
Dobrým způsobem, jak předejít tomuto problému děje na jakoukoli část je použít globální CSS Rest takto

* {Margin: 0; padding: 0;}

Co je to uživatele listy Agent Style (specifikace)?
Následující úryvek je převzat z http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj a následných odkazu se dozvíte více na uživatele listy Agent stylu

CSS 1 představí myšlenku tím, že každá User Agent (UA, často "webový prohlížeč" nebo "webový klient"), bude mít výchozí styly, které představuje dokumenty v přijatelné - ale pravděpodobně všední - způsob. CSS 2 říká, že vyhovující uživatelské jednotky se musí použít standardní styly (nebo se chovají, jako kdyby tomu tak bylo), a že uživatelský agent je přednastaveno stylů by měla předložit prvky dokumentu jazyk v cestách, které splňují obecné prezentace očekávání jazyk dokumentu, CSS 3 je pravděpodobně stejné mysli.

Vzhledem k tomu, CSS specifikace ponechat na implementaci, zda se používají "skutečný" stylů pro výchozí zobrazení, nebo ne, to není s podivem, že se vám nepodařilo najít výchozí šablonu stylů v každém prohlížeči je instalační složky. Na rozdíl od Internet Exploreru společnosti Microsoft, stejně jako opera, například (a pokud je mi známo), Gecko prohlížeče jako Firefox a Netscape Navigator (podívejte se na "html.css"), ale také Konqueror, aby bylo poměrně jednoduché pochopit jejich výchozí styl.


7 Reakce na "User Agent Style Sheets: Tajemství marže v aplikaci Google Chrome"

  • Vyjádření IT »Blog Archive» CSS2.1 User Agent výchozí stylů říká:

    [...] Vyjádření to jen další, ale vážné vývojáři weblog "uživatelskou listy Agent Styl: Mystery Okraje v prohlížeči Google Chrome [...]

  • mcahornsirup říká:

    Jen jsem narazil na stejné téma ... vaše řešení je jednoduché a teď to vypadá, že by měl:) Celkově by to mohlo být dobrý nápad mít nějaké výchozí nastavení ... ale není to očekávané chování. Přesto, chrom je nejspolehlivější prohlížeč vím ...

  • Chris Trott říká:

    Díky moc za tento příspěvek. Byl jsem podrážděný přídavkem 40px polstrováním, že tento výchozí list přidali, a nakonec váš příspěvek mi pomohl zbavit!

    - Chris

  • Simon říká:

    Díky za vysvětlení stylů UA. Chrome / Safari z nějakého důvodu přednost velikost písma na tabulkách s jejich UA CSS az nějakého důvodu to brání tělo font-size z dědění způsobuje nejrůznější bolesti hlavy. * Povzdech *

  • Johnsaxon říká:

    Takže nakonec wat SHLD i do SZ! jeho nt pracuji po placin * {margin: 0px; padding: 0px;},,, mám na mysli ještě spacin je Ther??

  • Jay říká:

    to určitě je chyba v chromu, že neprovedla CSS motor dobře, že děti by měla mít přednost chování rodičů / předků "

  • Mithali říká:

    Ahoj, jsem pozorovat-webkit-padding věci a změnil to na 0px. Já můžete všimnout změny v Chrome, ale ne v Mozille. -Webkit nepodporuje Mozillu.

Dovolená jeden Namítat

NDK domů | Vyjádření IT | Vyjádření patra | Vyjádření Penmenship | Vyjádření Awe | Vyjádření Myself