Hotmail이 HTML/CSS 서명을 잘못 "stretching"합니다.

Question

저는 여러 플랫폼에서 서명 (CSS + HTML) 작업을하고 있으며 Hotmail과 관련하여 벽을 치고 있습니다. 어떤 이유로이 서명을 내 Hotmail 주소로 보낼 때 세로로 늘어납니다. 한 가지 이유 또는 다른 이유로 Hotmail이 각 테이블 셀의 텍스트 아래에 많은 공백을 추가하는 것 같습니다.

문제는이 그래픽에 명확하게 설명되어 있습니다. http://www.madculture.es/images/test.jpg 거기에 첫 번째 서명이 출력됩니다. 더 나은 문제를 강조하기 위해 # 2에 테두리를 추가했습니다. Signature 3은 Hotmail에서 수신 된 모습입니다. :(

이 서명은 핫메일에서 Outlook 2,003에서 2,013 사이, Gmail은, 로터스 노츠에서 잘 작동하지만.

사람이 이유가 될 수있는 것을 알고 있나요

? 난 우둔, 일이 실험 데 . 누군가가 도움이 될 수 있습니다 희망

<div> 
<table border="1" cellspacing="0" cellpadding="1" height="50" style="font-family: Verdana, Arial, sans-serif; font-size: 1em;"> 
    <tr> 
    <td rowspan="4"> 
    <img src="mc2.png" nosend="1" width="170" height="86" /> 
    </td> 
    <td style="padding-top: 2px;"> 
    John D. Doe 
    </td> 
    </tr> 
    <tr> 
    <td style="font-size: 0.85em; font-weight: bold; color: #932D1F; padding-bottom: 2px;"> 
    Marketing & analytics 
    </td> 
    </tr> 
    <tr> 
    <td style="display: block;"> 
    <a href="mailto:johnd@doe.com" style="color: #666; text-decoration: none; font-size: 0.9em;">johnd@doe.com</a> 
    </td> 
    </tr> 
    <tr> 
    <td style="font-size: 1.05em; font-weight: bold; color: #444; padding-top: 1px;"> 
    Madrid 
    </td> 
    </tr> 
</table> 
</div> 

...

Answer 1

천천히 요소와 다시 전기 및 전자 테스트를 제거해보십시오 : 지금

다음은 서명의 전체 코드입니다 매 단계마다. 시작으로 :

• 테이블
• 이 padding을 피하고 설정 높이 대신
• 돈을 사용하지 rowspan 더 나은 이메일 클라이언트 지원을위한
• 를 사용하여 중첩 된 테이블, 메인 이미지 이하의 높이가 설정되어 '이 t은 td의 (안 table)에 직접 td
• display: block에 추가 글꼴 스타일을 설정 Outlook이 제대로
작업 얻을