Hotmail中的HTML電子郵件問題

Question

我制作了一封HTML電子郵件，在Gmail中顯示得非常好，但有一些奇怪的hotmail錯誤。 我有以下HTML

<?php
[..]

$mailTxt = "<div style=\"font:11pt/22pt Arial;color:black;width:100%;background:black;text-align:justify;\">
    <div style=\"height:150px;background:black;display:table;\">
        <div style=\"display:table-cell;width:160px;vertical-align:top;\">
            <img src=\""._BASE_URL."/inc/images/SingleDays-Mailing-Logo.jpg\" style=\"margin:25px;\">
        </div>
        <div style=\"display:table-cell;vertical-align:top;\">
            <h1 style=\"font:19pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;padding-top:40px;\">SingleDays Nieuwsbrief, ".$_POST['date']."</h1>
        </div>
    </div>
    <div style=\"background:white;margin:0 25px;padding:25px 10%;border-bottom:solid 1px #eee;\">
        <h2 style=\"font:17pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;text-transform:uppercase;\">".$_POST['s1']."</h2>
        <p style=\"text-align:justify;\">".$_POST['t1']."</p>
    </div>
    <div style=\"display:table;background:white;margin:0 25px;border-bottom:solid 1px #eee;\">
        <div style=\"display:table-cell;padding:25px;border-right:solid 1px #eee;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s2']."</h2>
            <p style=\"text-align:justify;\">".$_POST['t2']."</p>
        </div>
        <div style=\"display:table-cell;padding:25px;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s3']."</h2>
            <p style=\"text-align:justify;\">".$_POST['t3']."</p>
        </div>
    </div>
    <div style=\"display:table;background:white;margin:0 25px;\">
        <div style=\"display:table-cell;padding:25px;border-right:solid 1px #eee;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s4']."
            <p style=\"text-align:justify;\">".$_POST['t4']."</p>
        </div>
        <div style=\"display:table-cell;padding:25px;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s5']."</h2>
            <p style=\"text-align:justify;\">".$_POST['t5']."</p>
        </div>
    </div>
    <div style=\"background:black;color:white;\">
        <p style=\"margin-left:25px;\">Je ontvangt deze nieuwsbrief omdat je aangegeven hebt deze te willen ontvangen. Via <a href=\""._BASE_URL."/unsubscribe/".md5($receivers[$i])."\" style=\"text-decoration:underline;color:#cc2439;\">deze link</a> kun je je weer uitschrijven.

    </div>
</div>";

[..]
?>

這在Gmail中可以很好地工作，但是在Hotmail中會出現問題（並且由於我在沒有Office的Apple上工作，所以我什至無法查看Outlook。）

首先，我所有的標題都變成了綠色。 我已經嘗試過一種color:#cc2439 !important; 但沒有任何結果，仍然是綠色

除此之外，頁邊距處理不當（ 應予以支持）

問題似乎對我來說非常基礎，所以我想知道是否有人知道一個簡單的解決方案我不知道如何解決顏色問題。

編輯：

通過將標題元素替換為段落來解決顏色問題。 顯然，Hotmail的樣式表取代了用戶樣式的標頭

Answer 1

一些提示：

1 - Campaign監視器可以很好地指導不同郵件客戶端支持的內容。 http://www.campaignmonitor.com/css/

2 - Exact Target（您必須付費）擁有優質的服務，可以自動在各種客戶端上測試您的電子郵件並制作所有客戶的屏幕截圖，您可以在線查看或以PDF格式下載。 http://www.exacttarget.com/

Answer 2

嘗試看一下Hotmail呈現的消息來源 - 它可能會弄亂你的標簽，你應該能夠找到原因。

其次，我使用Chrome的Inspect Element功能來檢查電子郵件中的項目 - 您的樣式可能正確應用，但其他一些項目會覆蓋您的樣式。 （Firefox中的Firebug和Safari中的Developer Tools都可以做到這一點，我只是不知道它們的確切術語。）