CSS3 Layoutmodul Browser-Unterstützung

Question

Ich versuche, die derzeit herauszufinden Browsern (nativ) unterstützen die CSS3-Layout-Modul .

Grundsätzlich bin ich für eine bestimmte Umgebung zu entwickeln, wo ich angeben können, was verwenden Browsern und CSS3 werden Entwicklungszeiten beschleunigen, so hey - warum nicht?

Was ich spreche speziell über ist

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

und die Möglichkeit, Seitenelemente in das Layout Schlitz in etwa so:

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

(div1 ist der Header und div2 ist eine linke Seitenleiste)

Answer 1

Ich bin mir ziemlich sicher, dass momentan kein Browser sie implementieren. Und ich würde nicht erwarten, dass jeder Browser es in absehbarer Zeit entweder zu implementieren.

Es ist reif gerade noch nicht genug. Es ist nur eine Entwurf arbeiten und müssen noch eine Menge Aufmerksamkeit und Diskussion, bevor es in etwas Browser Implementierer auf ein zu gehen beginnt zu drehen los ist. Zum Beispiel gibt es (mindestens) zwei Vorschläge im Zusammenhang mit: Grid Positioning und < a href = "http://snook.ca/archives/html_and_css/matrix-layouts" rel = "nofollow noreferrer"> Matrix-Layout .

Es ist Mozilla Bug-Tracker , aber für den Moment, der für die zukünftige Aufmerksamkeit kaum mehr als ein Platzhalter ist. Ich konnte keine Erwähnung davon überhaupt auf den Webkit Bug-Tracker finden.

Wenn Sie mehr über den laufenden Status dieser Layout-Module, um herauszufinden, sollten Sie die www-style Mailingliste .

Answer 2

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

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

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

Bitte beachten Sie, dass die meisten css3 Eigenschaften werden durch einen Präfix unterstützt (seit css3 nicht endgültig ist). Für Oper ist das Präfix -o und für Webkit ist es -webkit-. dh: -o-text-shadow

.

UPDATE: Es gibt eine JavaScript-Implementierung des Layout-Modul: http://a.deveria.com/ csstpl / . Habe es selbst nicht verwendet, und es kommt mit dem Fang, die Sie für die ganze Seite warten müssen geladen werden, bevor es sauber machen kann. Wenn Sie eine Intranet-Anwendung auf einem LAN gerade schreiben würde dies wahrscheinlich nur geringfügige Auswirkungen haben, aber auf eine langsame Verbindung, die Ihre Seiten erscheinen unempfänglich machen könnte.