2016-07-08 11 views
0

私はクロスプラットフォームで動作する署名を作成しようとしています。 Outlookを使っている人に電子メールを送ることを考えれば、それはOutlookでも正しく表示されます。MS Outlookの固定幅と可変幅の表

私がしたいことは、入力したテキストを右に移動して、下の画像と正しく整列させることです。

Thunderbirdのメールクライアントで完全に動作させることができ、すべてのブラウザで表示することもできますが、Outlookで動作させることは問題に見えます。

divとCSSを使用することは問題外であるように見えますが、Outlookはそれを無視して消滅します。

テーブルを使用すると、Outlookはそれを尊重するように見えますが、動作する固定幅可変セルと可変幅セルの両方を取得することは問題に見えます。

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="64"><br></td> 
    <td><font face="Arial" size="2"> 
     <br><br>Yours Sincerely,<br><br></font> 
    </font></td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
    <img alt="" src="file:///X:/image.png" height="168" width="681"> 
    </td> 
</tr> 

これは見通しを除いて、どこでも動作します:

は、私は、次のHTMLコードを試してみました。誰かがこれを解決する方法を知っていますか、それが使える別の方法がありますか?私は2つの固定幅の列に行くことを防止したいと思います。

答えて

1

これを試してみてください:

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td style="padding-left: 64px;"><font face="Arial" size="2"> 
     <br><br>Yours Sincerely,<br><br></font> 
    </font></td> 
    </tr> 
    <tr> 
    <td> 
     <img alt="" src="file:///X:/image.png" height="168" width="681"> 
    </td> 
    </tr> 
</table> 

それはあなたがOutlookのCSSを使用することはできませんというのは本当ではありません。それはインラインでなければならず、ほんの少しのことしか働かない。それらの1つはパディングです。これは、テキストを左側から離して配置し、Outlookでも動作するはずです。

また、行が競合に適合し、指定されていない場合、他の行を超えて展開されているため、大文字小文字は必要ありません。

+0

私はあなたのアプローチをDIVで試みましたが、それはOutlookによって完全に削除されました。私はTDで試してみて、何が起こるか見てみましょう。ありがとう。 :) – LPChip

+0

はい、OutlookはDivを削除します。 futurの場合:ここには、異なるメールクライアントのどこで動作するかを示すリストがあります:[CampaignMonitor](https://www.campaignmonitor.com/css/) – Niqql

+0

はい、私はそのページを自分で見つけました。サポートされているCSSタグとしてtable-layoutがリストされていますが、動作しません。だから私はそれを信頼できないものとして書きました。私はまだこれをテストしなければならない。私はすぐにそれをやりたいと心配しないでください。ちょうど私が見通しを使った私の仕事に最近残っていて、現在はテスト設定がありません。私はこれをテストできるようにOutlookをローカルにインストールする必要がありますが、そのために仮想マシンをセットアップする必要があります。長い話が短い、それは時間がかかります。私は間違いなくあなたに報告します。 – LPChip

関連する問題