weißen Rand auf HTML-E-Mail in IOS

Question

Wir haben HTML-E-Mail mit dunklen Hintergründen, alles ist perfekt, außer dünnen weißen Grenzen in ios. Es hat ein merkwürdiges Aussehensverhalten: der Bordera erscheint nur in Originalgröße, wenn wir den Bildschirm nur horizontal zoomen bleibt einer. Einige Ideen, wie wir es beheben können? Screenshots und Code-Schnipsel sind unter https://postimg.org/image/6l32f0cbl/ https://postimg.org/image/rw0mj9ug1/

<table style="width: 600px; border-collapse: collapse;" cellspacing="0" cellpadding="0"> 
<tr> 
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/bundle.png"></td> 
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/call.png"></td> 
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/delivery.png"></td> 
</tr> 
<tr> 
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td> 
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в Call-center,<br>Офисах продаж<br>и обслуживани</div></td> 
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td> 
</tr> 
</table> 

Answer 1

Dies geschieht in der Regel, wenn Sie Hintergrundfarbe auf zwei oder mehr Tabellenzellen einzeln anzuwenden. Um es zu lösen, fügen Sie der übergeordneten Tabelle Hintergrundfarbe hinzu.

Gefunden here.

<table style="width: 600px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"> 
 
<tr> 
 
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/bundle.png"></td> 
 
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/call.png"></td> 
 
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/delivery.png"></td> 
 
</tr> 
 
<tr> 
 
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td> 
 
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в Call-center,<br>Офисах продаж<br>и обслуживани</div></td> 
 
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td> 
 
</tr> 
 
</table>