2

私は、オフィスの PC に Outlook 2010 バージョン 14 を使用しているクライアントのために、複数の電子メールに取り組んでいます。メールがどのように作成されたとしても、テーブルの右側は吹き飛ばされます。

例:
メール #1:

http://screencast.com/t/DLGfSTWFWfCB

メール #2:

http://screencast.com/t/ftgLlNW8

コードは次のとおりです。

これを修正するために何ができるかを理解するために多くの検索を行いました。以下にいくつかのことを示します。

  • すべての CSS をインライン化
  • すべてのセルのパディング、セルの間隔、境界線がゼロに設定されていることを確認してください
  • 表の指定幅
  • 画像の指定された高さと幅
  • 画像がコードで指定された高さと幅であることを確認しました
  • 作成された画像の jpg と png の比較
  • 不要な空白をすべて削除
  • 私のテーブルの高さは 23.7 インチ以下です

私は多くのフォーラムを読み、多くの人が Outlook にも問題を抱えていることを発見しましたが、テーブルの右側に大きなスペースがあるフォーラムを見つけられなかったので、私のものを押し出しました。

どんな助けでも大歓迎です！

4

5 に答える 5

2

HTML テーブルの場合は、CSS スタイルではなく HTML 属性を指定しwidthて使用します。Outlook の最新バージョンは、スタイルheightを無視widthします。height

@MarcB が述べたように、Outlook 2007/2010/2013 は Word のレンダリング エンジンを使用して電子メールをレンダリングします。以前のバージョンの Outlook は、IE のレンダリング エンジンを使用していました。この変化は、HTML メールの状況に大きな変化をもたらしました。

以下は、Outlook 2007 以降でサポートされていない機能の部分的なリストです。

CSS スタイル

  • 浮く
  • 位置
  • 画面
  • 幅
  • 身長
  • パディング (div および p タグでは機能しません)
  • background-image (body タグでのみ動作)
  • リスト スタイル イメージ

HTML 属性

  • alt (画像)
  • 背景（テーブル、目、td）
  • colspan、rowspan (th, td) (これについては矛盾する情報がありますが、値 0​​ が使用されない限り、サポートされているようです。ただし、colspan と rowspan を使用する代わりに、テーブルをネストすることをお勧めします)

その他

  • アニメーション GIF
  • HTMLフォーム
于 2012-08-18T13:58:58.123 に答える
1

/>イメージタグを閉じるように配置してみてください。これだけでうまくいきました。これは完全に MS によって発明された問題です。あたかも以前は十分に悪くなかったかのように。

于 2012-10-08T13:54:23.477 に答える
0

@MattCoughlin's answer is right insofar as Outlook code. However, I would also add that Outlook is really specific about column and row counts.

Therefore, check that the number of columns add up. Use empty cells and colspans where necessary.

于 2012-08-18T16:46:49.393 に答える
0

私の場合、Outlookはdivの幅を無視しているので、次のようにコーディングすると次のようになります。

<div style="width:500px">
<table width="100%">
...
</table>
</div>

テーブルの幅は100％に拡張されるため、テーブル内にすべての固定幅要素をネストして、次のようにこれらの親テーブルに固定を設定してみてください（テーブルにもスタイルが必要であることに注意してください）。

<table width="500px" style="width:500px">
<div style="width:500px">
...
</div>
</table>

これにより、必要な幅が得られます

于 2012-12-05T10:51:39.843 に答える
0

私はあなたのコードにいくつかの編集を加え、あなたがテストできるようにフィドルを用意しました。

http://jsfiddle.net/YWnzc/135/

Outlook 2010 で行ったことを確認できませんでしたが、Outlook 2010 には多くの制限があると思います。

http://fixoutlook.org/

それがどうなるか教えてください。

さらに、コードにテーブルがネストされていることもわかります。これが必要だとは思いません。メーラーのデザインを見ると、これはかなり似ているはずであり、適切にコーディングされていれば、報告している問題は存在しないはずです。

于 2012-08-19T02:15:06.667 に答える