Módulo de diseño CSS3 Navegador Soporte

Question

Estoy tratando de averiguar qué navegadores soportan actualmente (de forma nativa) el CSS3 layout module.

Básicamente, estoy desarrollando para un entorno específico donde puedo especificar qué navegadores usar, y CSS3 acelerará los tiempos de desarrollo, así que, ¿por qué no?

Lo que estoy hablando específicamente es

body { 
    display: 'aaa' 
      'bcd'; 
} 

y ser capaz de ranura elementos de la página en el diseño de este modo:

div#div1 { position: a; } 
div#div2 { position: b; } 

(div1 es la cabecera, y div2 es una izquierda barra lateral)

Answer 1

Estoy bastante seguro de que actualmente ningún navegador lo implementa. Y tampoco esperaría que ningún navegador lo implemente pronto.

Simplemente no está lo suficientemente maduro todavía. Es solo un working draft y todavía necesitará mucha atención y discusión antes de que se convierta en algo que los implementadores del navegador comenzarán a tener. Por ejemplo, hay (al menos) 2 propuestas relacionadas: Grid Positioning y Matrix Layout.

Es es en Mozilla's bug tracker, pero por el momento eso es poco más que un marcador de posición para la atención futura. No pude encontrar ninguna mención de ello en absoluto en el rastreador de errores Webkit.

Si desea obtener más información sobre el estado actual de estos módulos de diseño, debe seguir el www-style mailing list.

Answer 2

Opera tiene la mejor compatibilidad con CSS3, seguido de webkit (safari). Sugiero probar en Opera para ver qué funciona.

Aquí hay una tabla de compatibilidad (puede estar fuera de fecha) http://geocities.com/seanmhall2003/css3/compat.html

éste parece mejor: http://westciv.com/iphonetests/

Tenga en cuenta que la mayoría de las propiedades de CSS3 son soportados a través de un prefijo (ya CSS3 no es definitiva) . Para la ópera, el prefijo es -o- y para webkit es -webkit-. es decir: -o-text-shadow.

ACTUALIZACIÓN: Hay una implementación de Javascript del módulo de diseño: http://a.deveria.com/csstpl/. No lo he usado yo mismo y viene con el inconveniente de que debes esperar a que se cargue toda la página antes de que pueda procesarse de forma limpia. Si está escribiendo una aplicación de intranet en una LAN, esto probablemente tendrá un impacto insignificante, pero en una conexión lenta que podría hacer que sus páginas parezcan no responder.