http://www.jn-design.co.uk/misc/Swagelok/email.htmlでホストされている HTML メールがあります。
Outlook pre 2007 の以前のバージョンでテストすると、レイアウトが壊れているようです。コンテンツはテーブルの右側に移動され、下部の一部が切り取られています。次のスクリーンショットと比較してブラウザで私のリンクを表示すると、問題が表示されます。私は以前、IE 内でこの問題を抱えていましたが、電子メールを完全に再開発することで解決しました。現在、問題は Outlook で解決されていません...
どんな助けでも大歓迎です....
私の友人、私はあなたのコードを見ましたが、閉じられていないタグがたくさんある/持っているために壊れていました
ただし、メールが Outlook で適切に表示されるようにするには、コンテナ テーブルを 100% にする必要があります。
これをフィドルに追加しました：
http://jsfiddle.net/Riskbreaker/K8CLB/
これを作っているのはご覧のとおり……。
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="white">
<tr>
<td align="center">
all your email here
</td>
</tr>
</table>
.....コンテンツを制御します...これを行うことで、すべての内部テーブルを中央揃え（およびすべての600）に変更しました...修正/閉じる必要があるものが他にもあるようです（できるそうしてください...）しかし、センタリングは固定されています。
お役に立てれば。
メイン テーブルの幅は 600 で、ほとんどの内側のテーブルの幅は 550 ですが、これら 2 つの "aberdeen.." と次のテーブルの幅は 600 です。550 に戻してください。
あなたはアバディーンのテーブルの前にテーブルを閉じるのを忘れていました
また、ほとんど最後に、あなたはあなたを閉じていません
<a> tags (info@scotland..., and www.sagelok.com, and ESPN.Vatland....)
閉店の可能性もある
</td> and </tr> to much at the end, right before closing the last table!
Outlook は、検証されていない HTML を使って本当に厄介なことをします。
コードの問題を特定するには、W3C マークアップ検証サーバーを試してください。また、メールでの CSS サポートに関するキャンペーン モニター ガイドにアクセスして、メール クライアント間でスタイリングが機能するかどうかを確認してください。(特に Outlook で)。そこにも素晴らしいブログリソースがあります。
最後のコメント、タグで幅を宣言してアイテムの幅を制御します。例: width=400 (ピクセル ベースの幅) または width=100% (パーセンテージ ベースの幅 -- 一部のクライアントでは問題が発生する可能性があるため注意してください)
タグまたはタグ宣言で直接コーディングする場合、通常のスタイリングの大部分は互換性があります。一部のクライアントは電子メール コンテンツからこの宣言を削除するため、タグのスタイルを設定しようとしないでください。一部のクライアントでは、外部 CSS も削除されます。
タグは、一部のブラウザーでスペーシングの問題を引き起こしたり、ユーザー側のスタイル設定によってタグが上書きされたりする可能性があります。
そしてあなたの友達です。