Outlook 365 (Web) und Gmail (Desktop) Valign Bottom Code in Td-Zelle nicht erkennen

Question

Ich habe einige Anzeigeprobleme mit Outlook 365 (Web-Version) und Gmail (Desktop-Version). Kein Mail-Client erkennt den Valign-Code. Alle anderen E-Mail-Clients werden wie gewünscht angezeigt. Unten ist ein Screenshot, wie die Ausrichtung angezeigt werden soll.

Correct alignment of menu text links

Der nächste Screenshot zeigt, wie Outlook 365 (Web) und Gmail (Desktop) anzuzeigen sind. Beachten Sie, dass sich die Textlinks in der Mitte der Td-Zelle befinden und nicht wie erwartet unten.

enter image description here

Der aktuelle Code für das Hintergrundbild, gedeckten Tisch und Kopfbereich ist am unteren Rande dieses Beitrags zur Verfügung gestellt.

(BTW ... Lackmus zeigt auch die Ausrichtung Problem, aber Dreamweaver wie beabsichtigt zeigen. Alle gängigen Browser und anderes E-Mail-Clients wie beabsichtigt angezeigt wird.)

Wenn jemand den Code eingefügt unten und sieht, was Ich vermisse es, es wäre sehr geschätzt. Ich habe alle üblichen Anpassungen ausprobiert und nichts scheint Outlook 365 und Google Mail Desktop unterzubringen. Vielen Dank an alle für Ihre schnelle Antwort und Ihr Fachwissen.

Alex

<div style="background-color: #00adef;"><!--[if gte mso 9]> 
<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"> 
<v:fill type="tile" src="https://BackgroundTileURLHere" color="#e9f8f8"/> 
/v:background 
<![endif]--> 
<table style="width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0"><tbody width="640px;"> 
<tbody> 
<tr> 
<td align="left" background="BackgroundTileURLHere" valign="top"> 
<table style="width: 100%;" background="BackgroundTileURLHere"> 
<tbody> 
<tr> 
<td> 
<!-- HEADER --> 
<table font-family:="Arial, helvetica, sans-serif" style="width: 640px;" align="center" border="0" cellpadding="0" cellspacing="0"> 
<tbody> 
<tr> 
<td colspan="6" style="width: 640px;"><img alt="EmailHeaderTopSpacer" src="EMailHeaderTopSpacingImageFileURLHere" style="display: block; width: 640px; height: 20px; border-style: none;" /></td> 
</tr> 
<tr> 
<td style="width: 193px;"><a href="CompanyHomePageURLHere" target="_blank"><img alt="CompanyLogo" src="CompanygoFileURLHere" style="display: block; width: 193px; height: 58px; border-style: none;" /></a></td> 
<td style="width: 65px;"><img alt="CompanyLogoBreathingSpaceImageFile" src="CompanyLogoBreathingSpaceImageFileURLHere" style="display: block; width: 65px; height: 58px; border-style: none;" /></td> 
<td style="width: 102px;" valign="bottom"><p><a href="ClickDestinationURLHere" target="_blank" style="text-decoration: none;"><span style="font-family: arial,helvetica,sans-serif; color: #14552c; font-size: 14px; font-weight: bold; text-align: center;">Kelly Kettles</span></a></p></td> 
<td style="width: 120px;" valign="bottom"><p style="text-align:center;"><a href="ClickDestinationURLHere" target="_blank" style="text-decoration: none;"><span style="font-family: arial,helvetica,sans-serif; color: #14552c; font-size: 14px; font-weight: bold; text-align: center;">Ultimate Kits</span></a></p></td> 
<td style="width: 115px;" valign="bottom"><p style="text-align:center;"><a href="ClickDestinationURLHere" target="_blank" style="text-decoration: none;"><span style="font-family: arial,helvetica,sans-serif; color: #14552c; font-size: 14px; font-weight: bold; text-align: center;">Accessories</span></a></p></td> 
<td style="width: 45px;" valign="bottom"><p style="text-align:right;"><a href="ClickDestinationURLHere" target="_blank" style="text-decoration: none;"><span style="font-family: arial,helvetica,sans-serif; color: #14552c; font-size: 14px; font-weight: bold; text-align: right !important;">Blog</span></a></p></td> 
</tr> 
<tr> 
<td colspan="6" style="width: 640px;"><img alt="HeaderBottomSpaceImageFile" src="HeaderBottomSpaceImageFileURLHere" style="display: block; width: 640px; height: 10px;" /></td> 
</tr> 
</tbody> 
</table> 

Answer 1

valign="bottom" Austausch mit style="vertical-align: bottom" sollte nach dieser Quelle arbeiten: https://www.campaignmonitor.com/css/