CSS3 mise en page Module Support du navigateur

Question

Je suis en train de comprendre quels navigateurs actuellement (nativement) soutenir le module de mise en page de CSS3 .

En fait, je développe un environnement spécifique où je peux préciser ce que les navigateurs à utiliser et CSS3 accélérer les temps de développement, donc bon - pourquoi pas?

Qu'est-ce que je parle spécifiquement au sujet est

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

et être capable de fente des éléments de page dans la mise en page comme ceci:

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

(div1 est l'en-tête, et div2 est une barre latérale de gauche)

Answer 1

Je suis assez sûr pas les navigateurs actuellement implémentés il. Et je n'attendre aucun navigateur pour la mettre en œuvre dans un proche avenir soit.

Il est tout simplement pas encore assez mature. Il est seulement travail projet et aura encore besoin de beaucoup d'attention et discussion avant qu'elle ne va se transformer en implementors quoi que ce soit du navigateur va commencer à avoir un aller. Par exemple, il y a (au moins) 2 propositions relatives: Grille Positionnement et < a href = "http://snook.ca/archives/html_and_css/matrix-layouts" rel = "nofollow noreferrer"> Mise en page Matrix .

est sur bug tracker de Mozilla , mais pour le moment qui est un peu plus d'un espace réservé pour l'avenir attention. Je ne pouvais trouver aucune mention du tout sur le bug tracker Webkit.

Si vous voulez en savoir plus sur le statut permanent de ces modules de mise en page, vous devez suivre les www-style liste de diffusion .

Answer 2

Opera a le meilleur support de CSS3, suivi par WebKit (Safari). Je suggère de tester sur Opera pour voir ce qui fonctionne.

Voici un tableau de compatibilité (peut être à jour) http://geocities.com/seanmhall2003/css3/compat.html

celui-ci semble mieux: http://westciv.com/iphonetests/

Sachez que la plupart des propriétés CSS3 sont pris en charge par un préfixe (depuis CSS3 est pas définitive). Pour l'opéra le préfixe est -o- et WebKit est -webkit-. à savoir:-text-shadow -o

.

Mise à jour: Il y a une mise en œuvre Javascript du module de mise en page: http://a.deveria.com/ csstpl / . Je n'ai pas utilisé moi-même et il est livré avec les prises que vous devez attendre toute la page à charger avant de pouvoir rendre correctement. Si vous écrivez une application intranet sur un réseau local ce serait probablement un impact négligeable mais sur une connexion lente qui pourrait rendre vos pages semblent ne pas répondre.