È 2011 - perché devo ancora usare le tabelle per la posta elettronica?

CSS replaced tables for layout a long time ago. But we still have to use tables for layout when creating rich emails.

Why is this?

Lotus Notes e Outlook, principalmente.

Non sono sicuro di come sia Outlook 2010, ma credo che Outlook 2007 manchi ancora del supporto per i CSS in molti modi.

Is there really technical constraints that prevent CSS from working in an email. What are they?

Sì. Il vincolo è il motore di rendering in un paio di client di posta che sono ancora abbastanza popolari da doversi occupare di.

Is this ever going to change?

Probabilmente. Ma, probabilmente anche, ci vorrà un po '.

L'Outlook dovrebbe essere al rialzo, ma potremmo avere ancora un paio d'anni da una nuova versione ... e se il supporto è ancora scarno, vedremo altri 2-3 anni di questo.

E poi c'è Lotus. Chissà se mai supporteranno i CSS o se moriranno mai abbastanza da ignorarli.

1. Outlook 2007 è passato dal motore di rendering HTML di Internet Explorer al motore di rendering HTML di Word. Vorrei scherzare.

2. Molte persone usano i client webmail. Se i client webmail hanno reso completamente CSS, potrebbero accadere cose brutte (Internet Explorer, ad esempio, consente l'esecuzione di JavaScript nei file CSS).

3. Lotus Notes è inspiegabilmente popolare nelle aziende e Lotus Notes, incluso il rendering HTML, è terribile .

Le altre risposte spiegano problemi generali con la posta elettronica, ma è necessario utilizzare <table> elementi per il layout nelle e-mail HTML perché alcuni client di posta elettronica non supportano la proprietà CSS float (o una qualsiasi delle proprietà di posizionamento , davvero) affatto:

• Outlook 2007 e 2010
• Lotus Notes 6 e 7

Ovviamente, senza il supporto per float o altre proprietà di posizionamento, non c'è modo di posizionare gli elementi tranne con l'uso di <table> elementi. La necessità di utilizzare <table> elementi per il layout non cambierà fintanto che Microsoft continua a utilizzare il motore di Word per Outlook e il motore di Word continua a fornire una mancanza di supporto per gli elementi di posizionamento.

Poiché Microsoft ha ha promesso il suo pieno supporto per l'utilizzo del motore di Word anche dopo pesanti critiche, si può solo sperare che il motore di Word supporti gli elementi di posizionamento in alcune versioni future. Ma dal momento che Outlook 2007 e 2010 sono disponibili e ampiamente utilizzati, dovrai sempre gestirli per almeno qualche anno.

Campaign Monitor ha un grafico a portata di mano che descrive il supporto CSS in ciascuno dei principali client di posta elettronica.

L'e-mail è l'utilizzo numero uno di Internet, ecco perché è un processo lento e problematico spostare Imho perché ci sono così tanti diversi client e sistemi legacy da supportare (a differenza dei browser Web dove il numero di grandi marchi è molto più piccolo ).

Ma direi che la "soluzione" è un miglioramento progressivo: il miglior aspetto nei moderni client di posta elettronica, ma non impedisce agli utenti di vedere i contenuti importanti in quelli più vecchi. Alla tua scala, è tutto ciò che puoi fare per far muovere le cose nella giusta direzione.

CSS non ha sostituito le tabelle!

Per i layout? Sì. Ma le tabelle devono ancora essere utilizzate per i dati tabulari. Mi dispiace, ma sono stanco di vedere le persone trattare i tavoli come la dannata piaga.

Detto questo, una grande ragione è che le tabelle sono in circolazione da un po ', quindi il supporto è ben integrato nella maggior parte dei client di posta, se non tutti. Molti non sono stati creati per supportare i moderni CSS / JS / etc. e quindi devi usare un sacco di HTML vecchia scuola per farli sembrare decenti.