2009 27 juliol 2009

Fulls d'Agent d'usuari d'estil: Marges de Misteri de Google Chrome

Ahir, com tots els altres "Dia de la Marmota", jo estava treballant en alguns dissenys de CSS / sense taules. Tot anava bé en IE 7, 3 FF i Chrome, fins a les de sobte, vaig veure uns marges de les Nacions Unides-ignorable vist només de Google Chrome. Encara que és molt estrany i preocupant, era un tema nou bug / que jo havia vingut creuant, no va ser finalment una mica de espècia en el meu treball mundà. És trist (però agradable) que ho van arreglar al cap de pocs minuts de la sonda ...

Bàsicament, semblava que Google Chrome va ignorar la meva Restableix CSS (margin: 0px). En realitat, va ser causat pel full d'estil d'usuari (-webkit-padding-inici: 40px). Així que la solució consistia a restablir aquest estil mitjançant l'establiment de padding: 0 els elements es porten malament.
Una bona manera d'evitar que aquest problema passi a qualsevol element és utilitzar un mundial resta CSS de la manera

* {Margin: 0; padding: 0;}

Què és l'usuari les fulles d'estil d'Agent (especificació)?
El següent fragment està pres de http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enllaç, seguiment a llegir més informació sobre fulles d'estil de l'Agent

CSS 1 introdueix la idea a l'afirmar que cada agent d'usuari (UA, sovint un "navegador web" o "client web") tindrà un full d'estil per defecte que presenta els documents en un temps raonable - però sens dubte el mundà - forma. CSS 2 diu que els agents d'usuari conformes han de demanar un full d'estil per defecte (o comportar-se com si ho van fer) i que la fulla d'un agent d'usuari d'estil per defecte ha de presentar els elements del llenguatge del document de manera que satisfaci les expectatives generals de presentació del llenguatge del document; CSS 3 és probable que sigui de la mateixa opinió.

Atès que les especificacions de CSS deixar en mans de les implementacions de la possibilitat d'utilitzar una "veritable" full d'estils per a la visualització per defecte o no, no és sorprenent que vostè no troba un full d'estil per defecte en la carpeta d'instal · lació de cada navegador. A diferència d'Internet Explorer de Microsoft, així com l'Opera, per exemple (i fins on jo sé), els navegadors Gecko, com Firefox i Netscape Navigator (cerqueu "html.css"), sinó també del Konqueror fan bastant fàcil de comprendre el seu estil predeterminat.


2008 2 agost 2008

Ajust de la DOCTYPE en XSL

La setmana passada he creat un progressiu HTML / CSS de disseny per a un client, provat en IE6, IE7 i FF 3, semblava estar perfectament bé ... fins que aparegui! el disseny va anar més enllà pel cicle de manufacting. No va poder. Els elements de disseny de pàgina acaba d'anar per tot el lloc quan el disseny HTML es va convertir en XSL i XML aplicat a ell ... Xerraire!

No podia dormir bé durant el cap de setmana, en previsió del matí de dilluns, quan vaig a haver de solucionar aquest problema SH **. Però ara té una mica de experincia en el tractament d'aquest tipus de situacions (no estàndard del navegador, vull dir), jo sabia que tenia a veure amb res més que DOCTYPE .... i va ser ...

El problema:
Vostè vol que el control sobre el DOCTYPE, ja que la seva transformació s'inclouen un DOCTYPE per defecte de forma explícita, i el disseny estarà fora per un sorteig.

La solució:
Fitxa XSLT proporciona mètodes de producció per establir un DOCTYPE de l'elecció. A més, per a nosaltres els desenvolupadors de la interfície d'usuari, els temes d'interès serien els mètodes de sortida HTML i XML mètodes de producció .

Bé! abans que t'avorreixes, aquí està la solució.

Per exemple, si vostè tenia el DOCTYPE següent en la seva versió HTML:. -

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

Després, en el XSL que hauria de tenir el següent: -

<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" />

i Per fi! Com assegurar-se que la seva sortida obeeix a la XSLT DOCTYPE que vostè ha triat.


NDK a casa | Expressant IT | Boca Expressant | Penmenship Expressant | Awe Expressant | expressar-me