CSS3 Layout Modul Browser Unterstützung

Question

Ich versuche herauszufinden, welche Browser derzeit (nativ) die CSS3 layout module unterstützen.

Grundsätzlich entwickle ich für eine bestimmte Umgebung, wo ich angeben kann, welche Browser zu verwenden, und CSS3 wird Entwicklungszeiten beschleunigen, also hey - warum nicht?

Was ich spreche speziell über ist

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

und in der Lage, wie so Seitenelemente in das Layout Schlitz:

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

(div1 der Header und div2 eine linke ist sidebar)

Answer 1

Ich bin ziemlich sicher, dass keine Browser es derzeit implementieren. Und ich würde nicht erwarten, dass irgendein Browser es bald implementieren wird.

Es ist einfach noch nicht reif genug. Es ist nur ein working draft und wird immer noch eine Menge Aufmerksamkeit und Diskussion benötigen, bevor es zu etwas wird, das Browser-Implementierer beginnen werden, zu gehen. Zum Beispiel gibt es (mindestens) 2 verwandte Vorschläge: Grid Positioning und Matrix Layout.

Es ist auf Mozilla's bug tracker, aber für den Moment das ist wenig mehr als ein Platzhalter für die zukünftige Aufmerksamkeit. Ich konnte im Webkit-Bug-Tracker keine Erwähnung finden.

Wenn Sie mehr über den aktuellen Status dieser Layout-Module erfahren möchten, sollten Sie dem www-style mailing list folgen.

Answer 2

Opera hat die beste CSS3-Unterstützung, gefolgt von Webkit (Safari). Ich schlage vor, auf Opera zu testen, um zu sehen, was funktioniert.

Hier ist eine Kompatibilitätstabelle (möglicherweise veraltet sein) http://geocities.com/seanmhall2003/css3/compat.html

dieser scheint besser: http://westciv.com/iphonetests/

Beachten Sie, dass die meisten css3 Eigenschaften durch ein Präfix unterstützt werden (da css3 nicht endgültig ist) . Für Opera ist das Präfix -o und für Webkit ist es -webkit-. zB: -o-text-shadow.

UPDATE: Es gibt eine Javascript-Implementierung des Layoutmoduls: http://a.deveria.com/csstpl/. Habe es selbst nicht benutzt und es kommt mit dem Catch, dass man warten muss, bis die ganze Seite geladen ist, bevor es sauber gerendert werden kann. Wenn Sie eine Intranet-Anwendung in einem LAN schreiben, hätte dies wahrscheinlich nur eine geringfügige Auswirkung, aber auf eine langsame Verbindung, die dazu führen könnte, dass Ihre Seiten nicht mehr reagieren.