Klientegenskaper Style Sheets: Mystery marginaler i Google Chrome

Igår, precis som alla andra "Ground Hog Day", arbetade jag på några CSS / tableless layouter. Allt gick bra i IE 7, FF 3 och Chrome, tills plötsligt såg jag några icke-försumbart marginaler bara sett i Google Chrome. Även mycket konstigt och worring, var det någon ny bugg / fråga som jag hade kommit tvärs fanns äntligen lite krydda i mitt vardagliga arbete. Sad (men trevligt) fick det fastställas inom några minuter av sonden ...

I grund och botten, såg det ut Google Chrome ignoreras min CSS Återställer (marginal: 0px). Det faktiskt orsakades av User Agent stylesheet (-webkit-padding-start: 40px). Så lösningen var att återställa denna stil genom att padding: 0 de missköter sig elementen.
Ett bra sätt att förhindra detta problem händer alla element är att använda en global CSS Rest enligt följande

* {Margin: 0; padding: 0;}

Vad är Användarstatistik Agent Style Sheets (specifikation)?
Följande utdrag är hämtat från http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , följ länken för att läsa mer om Style Användare Agent Sheets

CSS 1 introducerar idén med att konstatera att varje User Agent (UA, ofta en "webbläsare" eller "webbklient") kommer att ha en plåt standard format som presenterar dokument i ett rimligt - men utan tvekan vardagliga - sätt. CSS 2 säger att som uppfyller användaragenter skall tillämpa ett ark standard format (eller beter sig som om de gjorde) och att en user agent förvalda formatmall bör presentera de delar av dokumentet språket på ett sätt som uppfyller allmänna presentation förväntningarna för dokumentet språket, CSS 3 är sannolikt att vara av samma åsikt.

Eftersom CSS specifikationerna lämnar det upp till implementationer om du vill använda en "riktig" stilmall för standard visning eller inte, det är inte förvånande att du inte hittar ett ark standard stil i alla webbläsare installationsmapp. Till skillnad från Microsofts Internet Explorer samt Opera, till exempel (och så vitt jag vet), Gecko webbläsare som Firefox och Netscape Navigator (leta efter "html.css"), men också Konqueror att göra det ganska enkelt att förstå deras standard styling.


7 Responses to "Style Användare Agent Ark: Mystery marginaler i Google Chrome"

  • Att uttrycka IT »Blog Archive» CSS2.1 Användarstatistik Agent Style Sheet standardvärden Says:

    [...] Att uttrycka det bara en annan, men allvarliga utvecklare weblog «Användarstatistik Agent Style Sheets: Mystery Marginaler i Google Chrome [...]

  • mcahornsirup Says:

    Jag sprang precis i samma fråga ... din lösning är enkel och nu ser det ut som det ska:) I allmänhet kan det vara en bra idé att ha några standard ... men det är inte en förväntad beteende. Ändå är krom den mest tillförlitliga webbläsaren jag vet ...

  • Chris Trott Says:

    Tack så mycket för det här inlägget. Jag blev irriterad av en extra 40px utfyllnad som denna standard plåt till, och slutligen ditt inlägg hjälpte mig bli av med det!

    - Chris

  • Simon Says:

    Tack för denna förklaring av UA stilmallar. Krom / safari någon anledning åsidosätter textstorlek på bord med sin UA CSS och av någon anledning det är att förhindra att kroppen font-storlek från ärva orsaka alla typer av huvudvärk. * Suck *

  • Johnsaxon Says:

    Så äntligen wat SHLD jag gör nw! sin nt jobbar efter placin * {margin: 0px; padding: 0px;},,, jag menar fortfarande spacin är ther??

  • jay Says:

    Detta är definitivt en bugg av krom, har den inte genomfört CSS motorn tillräckligt bra att barnen beteende bör åsidosätta föräldrarnas / förfäders

  • Mithali Says:

    Hej, jag observera-webkit-vaddering saker och ändrade det till 0px. Jag kan märka förändringen i Chrome men inte i Mozilla. -Webkit stöder inte Mozilla.

Lämna ett svar

NDK hem | Att uttrycka IT | uttrycka Palate | uttrycka Penmenship | uttrycka Awe | uttrycka mig