2015-09-22 2 views
0

Кодирование электронной почты и рендеринга отлично подходит для всех остальных версий Outlook для сохранения в 2013 году. При тестировании через лакмус и фактический Outlook2013 расширяется таблица с японским контентом/изображением. Это довольно прямолинейная HTML-таблица. Видите все, что я пропустил?Таблица Outlook 2013 Расширение

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
 
</head> 
 
<body> 
 

 
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 600px"> 
 
    <tr> 
 
    <td colspan="3"> 
 
     <img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/%7Beb6785c3-c02f-40db-b10c-0a175e2820d5%7D_Re-engagement_header_2.jpg"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td width="20">&nbsp;</td> 
 
    <td width="560" style="padding-top:30px;"> 
 
     <table width="560" cellpadding="0" cellspacing="0" border="0"> 
 
     <tr> 
 
      <td style="font-family:Arial, Helvetica,sans-serif;font-size:24px;color:#6E2585;font-weight:bold;font-height:27px;padding-bottom:30px;"> 
 
      ワイヤレススピーカーが当たる耳よりな情報です 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td style="padding-bottom:30px;"> 
 
      <table width="560" cellpadding="0" cellspacing="0" border="0"> 
 
       <tr> 
 
       <td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000" height="110" valign="top" width="362"> 
 
        <b> 
 
        <font style="font-size:16px;">お客様のMyMaximアカウントを更新して、60ドル相当のRoxBoxスピーカーが当たるキャンペーンに応募する</font></b> 
 
        <br> 
 
        <br> 
 
        MyMaximの会員特典は以前よりさらに良くなり、今、お客様情報を更新するだけで、マキシムの抽選に自動的に応募することができます。EE-Simツールを使って<b>カスタムの回路設計を数分で作成し</b>、1つのプロファイルで<b>技術サポートをいち早く受けることができます</b>。さらに、カスタマイズ可能なパネルを使って<b>1カ所ですべての情報を見つけることができます</b>。</td> 
 

 
       <td width="198" style="text-align:center;" align="center"> 
 
        <center> 
 
        <img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/{dbe437de-2c33-4a04-a64c-59741cb0622f}_Wireless-Speaker.gif" style="display:block;" width="190"> 
 
        </center> 
 
       </td> 
 
       </tr> 
 
      </table> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div> 
 
       <!--[if gte mso 9]> 
 
       <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_source=eloqua&utm_medium=email&utm_content=Enter_Now&utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC 
 
       " style="height:40px;v-text-anchor:middle;width:200px;" arcsize="12%" stroke="f" fillcolor="#6e2585"> 
 
       <w:anchorlock/> 
 
        <center> 
 
       <![endif]--> 
 
       <a href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_campaign=H1%20Thank%20You%201%20-%20MC%20-%20JW%20Test&utm_medium=email&utm_source=Eloqua&utm_source=eloqua&amp;utm_medium=email&amp;utm_content=Enter_Now&amp;utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC 
 
     &elq=e734b2e1380b458c974801d66f3f0f90&elqCampaignId=&elqaid=508&elqat=1&elqTrackId=0e27b1ed2bf440979ad85531ba29d364" style="background-color:#6e2585;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">今すぐ応募する &gt;</a> 
 
       <!--[if mso]> 
 
       </center> 
 
       </v:roundrect> 
 
       <![endif]--> 
 
      </div> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    <td width="20">&nbsp;</td> 
 
    </tr> 
 
</table> 
 
</body> 
 
</html>

+0

Я пробовал быстрый тест на удаление японского контента и замену на lorem ipsum, и это фактически устранило проблему. Зачем? Я не знаю, что я надеюсь, что сообщество может указать на что-то *. –

ответ

1

Если добавить "слово-брейк: брейк-все" CSS к нему, он работает. Я думаю, что проблема в том, что MSO не распознает место, чтобы сломать строку, поэтому она вытекла и растянула таблицу. Не знаю, почему это произошло только в 2013 году, и ничего подобного на самом деле. Но, тестируя, это работало через EmailonAcid и на живых тестах, которые я отправил сам себе. Ниже приведен код, который я использовал:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
</head> 
<body> 

<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 600px"> 
    <tr> 
    <td colspan="3"> 
     <img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/%7Beb6785c3-c02f-40db-b10c-0a175e2820d5%7D_Re-engagement_header_2.jpg"> 
    </td> 
    </tr> 
    <tr> 
    <td width="20">&nbsp;</td> 
    <td width="560" style="padding-top:30px;"> 
     <table width="560" cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td style="font-family:Arial, Helvetica,sans-serif;font-size:24px;color:#6E2585;font-weight:bold;font-height:27px;padding-bottom:30px;"> 
      ワイヤレススピーカーが当たる耳よりな情報です 
      </td> 
     </tr> 
     <tr> 
      <td style="padding-bottom:30px;"> 
      <table width="560" cellpadding="0" cellspacing="0" border="0"> 
       <tr> 
       <td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000; word-break:break-all;" height="110" valign="top" width="362"> 
        <b> 
        <font style="font-size:16px; word-break:break-all;">お客様のMyMaximアカウントを更新して、60ドル相当のRoxBoxスピーカーが当たるキャンペーンに応募する</font></b> 
        <br> 
        <br> 
        MyMaximの会員特典は以前よりさらに良くなり、今、お客様情報を更新するだけで、マキシムの抽選に自動的に応募することができます。EE-Simツールを使って<b>カスタムの回路設計を数分で作成し</b>、1つのプロファイルで<b>技術サポートをいち早く受けることができます</b>。さらに、カスタマイズ可能なパネルを使って<b>1カ所ですべての情報を見つけることができます</b>。</td> 

       <td width="198" style="text-align:center;" align="center"> 
        <center> 
        <img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/{dbe437de-2c33-4a04-a64c-59741cb0622f}_Wireless-Speaker.gif" style="display:block;" width="190"> 
        </center> 
       </td> 
       </tr> 
      </table> 
      </td> 
     </tr> 
     <tr> 
      <td> 
      <div> 
       <!--[if gte mso 9]> 
       <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_source=eloqua&utm_medium=email&utm_content=Enter_Now&utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC 
       " style="height:40px;v-text-anchor:middle;width:200px;" arcsize="12%" stroke="f" fillcolor="#6e2585"> 
       <w:anchorlock/> 
        <center> 
       <![endif]--> 
       <a href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_campaign=H1%20Thank%20You%201%20-%20MC%20-%20JW%20Test&utm_medium=email&utm_source=Eloqua&utm_source=eloqua&amp;utm_medium=email&amp;utm_content=Enter_Now&amp;utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC 
     &elq=e734b2e1380b458c974801d66f3f0f90&elqCampaignId=&elqaid=508&elqat=1&elqTrackId=0e27b1ed2bf440979ad85531ba29d364" style="background-color:#6e2585;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">今すぐ応募する &gt;</a> 
       <!--[if mso]> 
       </center> 
       </v:roundrect> 
       <![endif]--> 
      </div> 
      </td> 
     </tr> 
     </table> 
    </td> 
    <td width="20">&nbsp;</td> 
    </tr> 
</table> 
</body> 
</html> 
Смежные вопросы