Outlook 용 HTML 전자 메일의 원하지 않는 간격

미디어 쿼리를 사용하지 않고 반응이 빠른 HTML 전자 메일을 만들고 있습니다. 작동하지만 많은 고객이 사용하는 Microsoft Outlook 2010에서는 두 테이블 사이에 간격이 표시됩니다. 다른 모든 장치에는 간격이 표시되지 않습니다. Outlook에서 간격을 제거하려면 어떻게합니까?Outlook 용 HTML 전자 메일의 원하지 않는 간격

참고 : 이메일이 응답 할 수 있도록 여러 개의 테이블을 사용합니다. 대신 다른 td를 사용하면 반응이 없습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title></title> 
     <style type="text/css"> 
     table td { 
      border-collapse: collapse; 
     } 
     .msoFix { 
      mso-table-lspace: -1pt; 
      mso-table-rspace: -1pt; 
     } 
     </style> 
    </head> 
    <body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"> 
     <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td align="center"> 
        <div style="max-width:640px !important;"> 
         <table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#CCCCCC"> 
          <tr> 
           <td width="290" bgcolor="454545" align="left" style="padding: 0px;"><br>Table 1</td> 
          </tr> 
         </table> 
         <table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#EEEEEE"> 
          <tr> 
           <td width="290" bgcolor="959595" align="left" style="padding: 0px;"><br>Table 2</td> 
          </tr> 
         </table> 
        </div> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

출처

2017-03-16 GTS Joe

이에 대한 해결책은 "0"

당신은 또한 테이블에 스택을 만들 수있는 조건문이 필요합니다 = 두 테이블 = "0"과 cellspacing cellpaddin 다른 테이블에서와 적용 둥지입니다 Outlook을 사용하면 응답 성을 유지할 수 있습니다.

리트머스를 사용하여 테스트했으며 아래 코드는 제대로 작동합니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title></title> 
    <style type="text/css"> 
     table td { 
      border-collapse: collapse; 
     } 

     .msoFix { 
      mso-table-lspace: -1pt; 
      mso-table-rspace: -1pt; 
     } 
    </style> 
</head> 
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"> 
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> 
     <tr> 
      <td align="center"> 

        <table cellspacing="0" cellpadding="0"> 
         <tr> 
          <td> 
           <table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#CCCCCC"> 
            <tr> 
             <td width="290" bgcolor="454545" align="left" style="padding: 0px;"><br>Table 1</td> 
            </tr> 
           </table> 
           <!--[if (gte mso 9)|(IE)]> 
      </td> 
      <td valign="top"> 
      <![endif]--> 

           <table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#EEEEEE"> 
            <tr> 
             <td width="290" bgcolor="959595" align="left" style="padding: 0px;"><br>Table 2</td> 
            </tr> 
           </table> 
          </td> 
         </tr> 
        </table> 

      </td> 
     </tr> 
    </table> 
</body> 
</html>

출처

2017-03-23 09:07:01 Benr89

Outlook 용 HTML 전자 메일의 원하지 않는 간격

답변

관련 문제