Sto riscontrando qualche problema nel rimuovere i valori di riempimento o margine predefiniti dalla mia e-mail html nella maggior parte delle versioni di Outlook. Mi stavo chiedendo se c'è qualcosa che posso inserire nella mia e-mail HTML per impedire che il padding/margine venga visualizzato.Come rimuovere il padding/margine predefinito dalla vista e-mail di Outlook per le e-mail in formato HTML
Grazie
È possibile aggiungere stili in linea, che ignorare le impostazioni predefinite di Outlook (hanno precedenza maggiore).
Es.
<div style="padding:0; margin:0;" class="wrapper">
... etc ...
</div>
Grazie Hexblot, ma ho già messo questi stili style = "background: #ebebeb; padding: 0px; margin: 0px;" sul corpo e sulla tabella contenente – MaxwellLynn
, quindi se controlli gli stili con Firebug (in Firefox) o con lo strumento integrato di Chrome, vedi quelli che vengono sovrascritti? o gli stili di Outlook sono applicati a un livello diverso? Potresti provare a rafforzare le tue regole con '! Important' come ultima risorsa (o se Outlook lo usa già). – hexblot
Funziona bene localmente nel browser sembra essere outlook ha un padding/margine di default intorno che lo spinge 10px intorno all'intera email. vedere come voglio che l'intestazione dell'e-mail sia al 100% di tutti i client di posta elettronica, ma quando si arriva a outlook si arriva solo all'ultimo 10px e mostra lo sfondo del corpo/contenitore interno invece del colore del contenuto. Penso che questo sia qualcosa che è integrato in Outlook con ulteriori ricerche e nulla che io possa fare al riguardo. – MaxwellLynn
Questo funziona:
<body style="margin: 0px; padding: 0px; background-color: #252525" bgcolor="#252525">
Basta notare ciò che si imposta il colore di sfondo corpo a sanguinano nella catena e-mail se viene inoltrato. Suggerirei di lasciare il corpo bianco e impostare il colore su un tavolo contenitore HTML per evitare questo.
anche se è necessario per le vostre cellule tavolo per essere completamente piatta senza imbottitura e vuota Assicurarsi di aggiungere questo al tavolo:
<table cellpadding="0" cellspacing="0">
E nel caso delle celle vuote
<td style="font-size:0px;">
Provare a utilizzare il reset CSS dal HTML Boilerplate:
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
.ExternalClass {width:100%;}
O meglio ancora, basta usa il Boilerplate come punto di partenza per le tue e-mail.
style = "margin: 0; padding: 0" – Dharman