Yahoo! Mail HTML Alignment Issue Numero

Io lavoro su build di campagne email HTML su base giornaliera e nelle ultime 24 ore ho visto tutte le mie email allineate a sinistra. Ciò include le campagne email che ho creato in precedenza (che sono state testate in Yahoo! Mail e utilizzate per allineare il centro).Yahoo! Mail HTML Alignment Issue Numero

Qualcun altro ha incontrato questo? Qualche idea su cosa lo sta causando e se esiste una correzione che può essere aggiunta?

La codifica standard utilizzata è tabelle con centro di allineamento. Questo ora non funziona e tutte le tabelle si allineano a sinistra sembra.

fonte

2014-05-15 Ed Johnson

Sì, lo confermo anch'io, la newsletter che ho inviato ieri allineato a sinistra, sembra che rimuovano l'allineamento del centro da ora in poi. – vaskort

Qualcuno ha qualche informazione sul perché lo ha fatto o se è stato intenzionale? Sembra un bug alla fine di Yahoo. – rojobuffalo

Ho trovato una soluzione per questo.

Sul più esterno di larghezza 100% e centralmente tavolo allineato aggiungere questo codice:

style="table-layout: fixed;"

Questo dovrebbe risolvere il problema.

fonte

2014-05-16 13:36:11

Ciò ha reso la colonna espandere l'intera larghezza dell'email che sembrava scadente. Ho usato

...

che ha funzionato per me. – CoderDave

Questo non funziona per me, invece ho aggiunto al wrapper della tabella principale uno stile di margine: style = "margin: 0 auto;". Spero che questo aiuti – Gew

Questo non funziona perché su altri client di posta elettronica causa il taglio del contenuto piuttosto che la larghezza del 100%. – snorkelzebra

Aggiungere una classe al blocco di stile nella parte superiore dell'e-mail.

.table-center { table-layout: fixed; margin: 0 auto; }

Aggiungere questa classe alla tabella più esterna per centrare il corpo nella finestra. Quindi aggiungilo alle tabelle discendenti come necessario per l'allineamento del centro.

fonte

2014-06-20 18:40:43 rojobuffalo

Ho provato entrambe le soluzioni fornite e nessuno dei due è stato in grado di risolvere il problema. Credo che ci sia un problema più grande - Yahoo! la posta avvolge l'email in diversi tag div, uno con una classe di "body". Questo div ha un valore di larghezza di "auto".

Quando cambio questo valore, tramite gli strumenti di sviluppo di Chrome, da "auto" a "100%" risolve il problema.

non modificato:

enter image description here

"Fixed":

enter image description here

Perché questo div è al di fuori della portata del mio stile di blocco nella testa della mail non credo questo problema può effettivamente essere risolto. Lo classificherei come un bug da parte di Yahoo.

fonte

2014-06-24 15:31:00

Ciao Istanard, assicurati di avvolgere una tabella di larghezza del 100% intorno alla parte esterna della tua email, all'interno della quale c'è una tabella "contenuto" alla larghezza desiderata per la tua email (la migliore pratica è 640 o 600 pixel). All'interno della tabella esterna sono inclusi 'style =" table-layout: fixed; margin: 0 auto; '- all'interno del più esterno TD include anche un tag' align = "center" '. –

I secondo la risposta di Ed Johnson in merito al "fixed; margin: 0 auto;" stile sul tavolo esterno. Ho appena usato questa correzione al posto dello stile "table-layout: fixed" perché quest'ultimo sembrava rompere il mio stile di email reattivo.

fonte

2015-04-24 23:05:15

Yahoo! Mail HTML Alignment Issue Numero

risposta

Problemi correlati