Email Rich HTML in Outlook 2007 e 2010 … come si rimuove il margine superiore?

Ho una ricca email HTML. Mi stavo chiedendo come, in Outlook 2010 e 2007, si ottiene la tabella nel layout per sedersi a filo con il bordo del browser?

Dai un’occhiata a questa foto:

inserisci la descrizione dell'immagine qui

Il rosa è il colore di sfondo del tag del corpo e il grigio è il BG del tavolo. Entrambi hanno 0 tutto (margine, paddting ect). Ma c’è ancora un po ‘di spazio. Il rosa non dovrebbe essere visibile.

Qualcuno sa come liberarsi di questo spazio sul corpo?

Inoltre, ecco alcuni CSS per l’inizio dell’e-mail:

   html, body{ width:100%; } body{ background-color:#ff00ff; }   Test   

Saluti!

Solutions Collecting From Web of "Email Rich HTML in Outlook 2007 e 2010 … come si rimuove il margine superiore?"

Outlook 2007/2010 aggiunge 15px top / bottom e 10px left / right body padding a tutte le email html. Non puoi liberartene.

Ecco un trucco per simulare sfondi completi: http://www.campaignmonitor.com/forums/viewtopic.php?pid=17048

Outlook utilizza il motore HTML Microsoft Word danneggiato e non si basa su alcuna ragionevole somiglianza con un browser.

Se hai Word, puoi almeno aprire la tua email come html e vedere come lo esegue senza dover passare attraverso l’intero ciclo della posta.

Outlook è davvero nella rovina di qualsiasi email marketing. È una pila di merda assoluta e non riesce a supportare anche le aspettative CSS più basilari.

Dovrei avere molte discussioni franche e deludenti con i grafici sui limiti dell’email come piattaforma a causa di Outlook. Microsoft ha seriamente fatto un passo indietro nell’utilizzo del motore di Word per Outlook.

Stange che il non funzioni.

Lo trovo con Outlook 2007/2010 che se si applica padding-top a una colonna ma non alle altre colonne nella stessa riga, Outlook applicherà tale riempimento a tutte le colonne per qualche motivo. Sei in grado di incollare più codice e-mail in modo che possiamo avere un aspetto che non fa qualcos’altro che causa il problema.

Prova a usare margintop="0" marginleft="0" marginright="0" sul tag (aggiornato all’esempio completo):

   Title Tag    

Avrai bisogno di impostare la larghezza di 600 a qualunque sia la larghezza della tua email.

Vi sono bug di client di posta elettronica incrociati con tag body e valori padding / margin in CSS.

NB: questo è solo necessario e funziona solo sul tag del corpo.

Con puro CSS (non sono sicuro che i creatori di IE amano leggerlo), puoi usare !important per forzare il margine e il padding di

e per essere 0px :

 html, body { margin: 0px !important; padding: 0px !important; } table { margin: 0px !important; } 

Forse funzionerà, ma forse no. Non sono sicuro di come Outlook gestisce i CSS …

Poiché outlook non supporta il margine – riferimento . Il mio lavoro attorno a questo problema era il seguente. Spero che aiuti qualcuno.

  

So che è un po ‘tardi, ma mi sono imbattuto in questo post e ho pensato che potresti essere in grado di testare anche questo metodo.

http://theboywhocriedfox.com/code-snippets/fixing-the-forced-body-padding-in-outlook-2007-2010-and-2013/

“Correzione del riempimento del corpo forzato in Outlook 2007, 2010 e 2013

Recentemente testando una e-mail html con un’alta percentuale di destinatari che potrebbero essere utenti di Microsoft Outlook mi sono imbattuto in un bug in cui non è ansible sovrascrivere il riempimento del corpo forzato nelle versioni di Outlook (che utilizzano MS Words motore di rendering 2007, 2010, 2013) .

Ciò stava rompendo il disegno e causando lo spazio bianco indesiderato sul margine sinistro del email. Le versioni offensive del margine di supporto di Outlook (compreso il margine negativo), ma supportano solo gli stili incorporati. Quindi la correzione / hack è di avvolgere l’intera e-mail in una tabella di wrapper e applicare un margine negativo solo ai client di posta elettronica problematici, usando html ‘if statements’ come sotto. “