HTML 전자 메일 - Outlook 조건부 서식

Question

나는 Outlook을 올바르게 보이도록하기 위해 고심하고있는 반응 형 전자 메일을 가지고 있습니다.

나는 아래에 2 개의 테이블을 놓아야하는 html을 가지고 있지만 서로 온톨 (ontop)하고있다.

내가 사용하고 ...

<!--[if (gte mso 9)|(IE)]> 

전망을 대상으로하지만이 무시 될 것입니다. 스타일 태그에서 내 최대 너비 호출을 무시합니다.

왜 이런 일이 발생하는지 알고 싶습니다.

<tr> 
    <td class="innerpadding "> 
     <!--[if (gte mso 9)|(IE)]> 
     <table width="360" align="left" cellpadding="0" cellspacing="0" border="0"> 
      <tr> 
      <td> 
     <![endif]--> 
     <table class="col400" align="left" border="0" cellpadding="0" cellspacing="0" style="width:100%;"> 
     <tr> 
      <td> 
      <img src="Dog.png" alt="Dog Image" width="95%" border="0" style="width:95%;max-width:360px;"/> 
      </td> 
     </tr> 
     </table> 
     <!--[if (gte mso 9)|(IE)]> 
      </td> 
      </tr> 
     </table> 
     <![endif]--> 

     <!--[if (gte mso 9)|(IE)]> 
     <table width="240" align="right" cellpadding="0" cellspacing="0" border="0"> 
      <tr> 
      <td> 
     <![endif]--> 
     <table class="col240" align="left" border="0" cellpadding="0" cellspacing="0" style="width:100%;"> 
     <tr> 
      <td> 
      <span style="font-family:Arial, Helvetica, sans-serif;font-size:38px;color:#f4911c;">Text Here</span> 
      <span style="font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#555557;display: block;font-style: italic;padding-top: 10px;line-height: 22px;">Text Here</span> 
      </td> 
     </tr> 
     </table> 
     <!--[if (gte mso 9)|(IE)]> 
      </td> 
      </tr> 
     </table> 
     <![endif]--> 


    </td> 
    </tr> 

Answer 1

컨테이너 테이블에 width="" 값을 설정해보십시오. 또한 align="left"을 추가하면 도움이 될 수 있습니다. 과거에는 Outlook에서 정렬/부동중인 자식 요소 임에도 불구하고 Outlook이 필요하다는 사실을 발견했습니다.

테스트를 위해 작동하지 않는 경우 조건부로 숨겨진 테이블에 상단 패딩과 다른 bgcolor를 추가하여 트리거가되는지 여부를 확인하십시오. 이것은 조건부 위반 또는 다른 경우 진단하는 데 도움이됩니다 ...