User Agent Style Sheets: Mystery marges in Google Chrome
Gisteren, net als elke andere "Ground Hog Day", was ik bezig met een aantal CSS / tabelloze lay-outs. Alles was goed gaat in IE 7, FF 3 en Chrome, tot plots zag ik een aantal niet-negeerbare marges alleen gezien in Google Chrome. Hoewel heel vreemd en Worring, Het was een nieuwe bug / issue dat ik overkant gekomen, was er eindelijk wat pit in mijn alledaagse werk. Sad (maar leuk) het werd vastgesteld binnen een paar minuten van de sonde ...
Kortom, het zag eruit als Google Chrome negeerde mijn CSS Resets (marge: 0px). Eigenlijk werd veroorzaakt door de user agent stylesheet (-webkit-padding-start: 40px). Dus de oplossing was om deze stijl te resetten door het instellen van padding: 0 de misdragen elementen.
Een goede manier om dit probleem te voorkomen op elk element is het gebruik van een wereldwijde CSS Rest als volgt
* {Margin: 0; padding: 0;}
Wat is User Agent Style Sheets (Specification)?
Het volgende fragment is afkomstig uit http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , follow link om meer te lezen op de User Agent Style Sheets
CSS 1 introduceert het idee door te stellen dat elke User Agent (UA, vaak een 'web browser' of 'web client') wordt een standaard style sheet dat de documenten presenteert in een redelijke hebben - maar misschien wel alledaagse - manier. CSS 2 zegt dat in overeenstemming user agents moet een standaard style sheet van toepassing zijn (of zich gedragen alsof ze deden) en dat een user agent de standaard style sheet moeten de elementen van de taal van het document te presenteren op een manier die algemene presentatie verwachtingen te voldoen voor het document taal; CSS 3 is waarschijnlijk van dezelfde geest.
Omdat de CSS-specificaties laten het aan implementaties of er een "echte" style sheet voor de standaard weergave gebruiken of niet, het is niet verwonderlijk dat je niet een standaard style sheet in de installatie elke browser de map te vinden. In tegenstelling tot Microsoft's Internet Explorer en Opera, bijvoorbeeld (en voor zover ik weet), Gecko browsers zoals Firefox en Netscape Navigator (zoek naar "html.css"), maar ook Konqueror maakt het tamelijk eenvoudig om hun standaard styling begrijpen.
