Supporto browser modulo layout CSS3

Question

Sto cercando di capire quali browser attualmente (in modo nativo) supportano lo CSS3 layout module.

Fondamentalmente, sto sviluppando per un ambiente specifico in cui posso specificare quali browser utilizzare e CSS3 velocizzerà i tempi di sviluppo, quindi hey - perché no?

Quello che sto parlando specificamente è

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

ed essere in grado di slot elementi della pagina nel layout in questo modo:

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

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

Answer 1

Sono abbastanza sicuro che nessun browser attualmente lo implementa. E non mi aspetterei che nessun browser lo implementasse tanto presto.

Non è ancora abbastanza maturo. È solo uno working draft e avrà ancora bisogno di molte attenzioni e discussioni prima di trasformarsi in qualcosa che gli implementatori di browser inizieranno a provare. Ad esempio, ci sono (almeno) 2 proposte correlate: Grid Positioning e Matrix Layout.

E è su Mozilla's bug tracker, ma per il momento questo è poco più di un segnaposto per l'attenzione futura. Non ho trovato alcuna menzione del bug tracker di Webkit.

Se si desidera ottenere ulteriori informazioni sullo stato corrente di questi moduli di layout, è necessario seguire lo www-style mailing list.

Answer 2

Opera ha il miglior supporto per CSS3, seguito da webkit (safari). Suggerisco di provare su Opera per vedere cosa funziona.

Ecco una 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 opera il prefisso è -o- e per webkit è -webkit-. vale a dire: -o-text-shadow.

AGGIORNAMENTO: Esiste un'implementazione Javascript del modulo di layout: http://a.deveria.com/csstpl/. Non l'ho usato da solo e viene fornito con il fermo che è necessario attendere che tutta la pagina venga caricata prima di poter eseguire il rendering in modo pulito. Se stai scrivendo un'applicazione intranet su una LAN, questo probabilmente avrà un impatto trascurabile, ma su una connessione lenta che potrebbe far sì che le tue pagine non rispondano.