Supporto browser CSS3 modulo layout

Question

Sto cercando di capire quale browser attualmente (nativamente) sostenere la modulo layout CSS3 .

In sostanza, sto sviluppando per un ambiente specifico in cui posso specificare Quali browser da utilizzare, e CSS3 accelererà i tempi di sviluppo, in modo da hey - perché no?

Quello che sto parlando specificamente è

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

e poter scanalare elementi di pagina nel layout in questo modo:

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

(div1 è l'intestazione, e div2 è una barra laterale sinistra)

Answer 1

Sono abbastanza sicuro che non browser attualmente attuarlo. E non mi aspetterei qualsiasi browser per la sua attuazione in tempi brevi sia.

E 'solo che non è maturo ancora abbastanza. E 'solo una lavoro progetto e sarà ancora bisogno di un sacco di attenzione e discussione prima che sta per trasformarsi in qualsiasi cosa implementatori del browser sarà iniziare ad avere un andare a. Ad esempio, ci sono (almeno) 2 proposte relative: griglia di posizionamento e < a href = "http://snook.ca/archives/html_and_css/matrix-layouts" rel = "nofollow noreferrer"> Matrix layout .

è su bug tracker di Mozilla , ma per il momento che è poco più di un segnaposto per il futuro l'attenzione. Non riuscivo a trovare alcuna menzione di esso a tutti sul tracker Webkit bug.

Se vuoi saperne di più sullo stato continuo di questi moduli di layout, si dovrebbe seguire la www-style mailing list .

Answer 2

Opera ha il miglior supporto CSS3, seguito da WebKit (Safari). Suggerisco di test su Opera per vedere che cosa funziona.

Ecco un tabella di compatibilità (potrebbe non essere aggiornato) http://geocities.com/seanmhall2003/css3/compat.html

questo sembra migliore: http://westciv.com/iphonetests/

Essere consapevoli del fatto che la maggior parte delle proprietà CSS3 sono supportate attraverso un prefisso (dal CSS3 non è definitivo). Per l'opera il prefisso è -o- e per webkit è -webkit-. vale a dire: -o-text-shadow

.

UPDATE: C'è un'implementazione JavaScript del modulo di layout: http://a.deveria.com/ csstpl / . Non ho usato io stesso e viene fornito con il fermo che è necessario attendere per tutta la pagina da caricare prima di poter rendere in modo pulito. Se si scrive un'applicazione intranet su una LAN questo avrebbe probabilmente un impatto trascurabile, ma su una connessione lenta che potrebbe rendere le vostre pagine appaiono non risponde.