1

私は署名 (CSS + HTML) を複数のプラットフォームで機能させることに取り組んできましたが、Hotmail に関しては壁にぶつかりました。何らかの理由で、この署名を Hotmail アドレスに送信すると、縦に引き伸ばされます。何らかの理由で、Hotmail が各テーブル セルのテキストの下に大量の空白を追加しているように見えますか?

この問題は、次の図に明確に示されています。 http://www.madculture.es/images/test.jpg 最初の署名は、意図した出力です。問題をより強調するために、#2 に境界線を追加しました。シグネチャ 3 は、Hotmail で受信したときの外観です。:(

この署名は、Outlook 2003 ~ 2013、Gmail、Lotus Notes では正常に機能しますが、Hotmail では機能しません。

何が原因か誰か知っていますか?何日もこれを試してきたので、私は無知です。

署名の完全なコードは次のとおりです。

<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>

誰かが助けてくれることを願っています...

4

1 に答える 1

0

要素をゆっくりと削除し、すべての段階で再テストしてみてください。はじめに:

  • テーブルの高さがメイン画像より低く設定されています
  • rowspan電子メール クライアントのサポートを改善するためではなく、ネストされたテーブルを使用する
  • padding代わりに設定された高さを避けて使用する
  • tdに設定しないでくださいdisplay: block
  • Outlook が正しく動作するようにtd、( ではなく)にフォント スタイルを直接追加します。table
于 2013-03-26T11:51:18.493 に答える