2009 27 de julio 2009

Hojas de Agente de usuario de estilo: Márgenes de Misterio en Google Chrome

Ayer, como todos los demás "Día de la Marmota", yo estaba trabajando en algunos diseños de CSS / sin tablas. Todo iba bien en IE 7, 3 FF y Chrome, hasta las de repente, vi a unos márgenes de las Naciones Unidas-ignorable visto sólo en Google Chrome. Aunque es muy extraño y preocupando, era un tema nuevo bug / que yo había venido cruzando, no fue finalmente un poco de especia en mi trabajo mundano. Es triste (pero agradable) que lo arreglaron a los pocos minutos de la sonda ...

Básicamente, parecía que Google Chrome ignoró mi Restablece CSS (margin: 0px). En realidad, fue causado por la hoja de estilo del usuario (-webkit-padding-inicio: 40px). Así que la solución consistía en restablecer este estilo mediante el establecimiento de padding: 0 los elementos se portan mal.
Una buena manera de evitar que este problema ocurra a cualquier elemento es utilizar un mundial resto CSS de la siguiente manera

* {Margin: 0; padding: 0;}

¿Qué es el usuario las hojas de estilo del Agente (especificación)?
El siguiente fragmento está tomado de http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, seguimiento a leer más información sobre hojas de estilo del Agente

CSS 1 introduce la idea al afirmar que cada Agente de Usuario (UA, a menudo un "navegador web" o "cliente web") tendrá una hoja de estilo por defecto que presenta los documentos en un tiempo razonable - pero sin duda lo mundano - forma. CSS 2 dice que los agentes de usuario conformes deben solicitar una hoja de estilo por defecto (o comportarse como si lo hicieron) y que la hoja de un agente de usuario de estilo por defecto debe presentar los elementos del lenguaje del documento de manera que satisfaga las expectativas generales de presentación del lenguaje del documento; CSS 3 es probable que sea de la misma opinión.

Dado que las especificaciones de CSS dejar en manos de las implementaciones de la posibilidad de utilizar una "verdadera" hoja de estilos para la visualización predeterminada o no, no es sorprendente que usted no encuentra una hoja de estilo por defecto en la carpeta de instalación de cada navegador. A diferencia de Internet Explorer de Microsoft, así como la Opera, por ejemplo (y hasta donde yo sé), los navegadores Gecko, como Firefox y Netscape Navigator (busque "html.css"), sino también de Konqueror hacen bastante fácil de comprender su estilo predeterminado.


2008 02 de agosto 2008

Ajuste de la DOCTYPE en XSL

La semana pasada he creado un progresivo HTML / CSS de diseño para un cliente, probado en IE6, IE7 y FF 3, parecía estar perfectamente bien ... hasta que aparezca! el diseño fue más allá por el ciclo de manufacting. No pudo. Los elementos de diseño de página acaba de ir por todo el lugar cuando el diseño HTML se convirtió en XSL y XML aplicado a él ... Charlatán!

No podía dormir bien durante el fin de semana, en previsión de la mañana del lunes, cuando voy a tener que solucionar este problema SH **. Pero ahora tiene un poco de experincia en el tratamiento de este tipo de situaciones (no estándar del navegador, quiero decir), yo sabía que tenía que ver con nada más que DOCTYPE .... y fue ...

El problema:
Usted quiere que el control sobre el DOCTYPE, ya que su transformación se incluyen un DOCTYPE por defecto de forma explícita, y el diseño estará fuera por un sorteo.

La solución:
Ficha XSLT proporciona métodos de producción para establecer un DOCTYPE de la elección. Además, para nosotros los desarrolladores de la interfaz de usuario, los temas de interés serían los métodos de salida HTML y XML métodos de producción .

Bueno! antes de que te aburres, aquí está la solución.

Por ejemplo, si usted tenía el DOCTYPE siguiente en su versión HTML:. -

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

Luego, en el XSL que tendría que tener lo siguiente: -

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

y ¡Por fin! Cómo asegurarse de que su salida obedece a la XSLT DOCTYPE que usted ha elegido.


NDK en casa | Expresando IT | Boca Expresando | Penmenship Expresando | Awe Expresando | expresarme