2016-11-03 11 views
0

流体ハイブリッド法を使用しているクライアントの電子メールに取り組んでいます。私は、2列のレイアウトですが、不均一な列を持つフッターを作成しようとしています。私は電子メールの幅の58%(電子メールの最大幅は600pxです)と残りの42%の幅になるように右の列(テキストのみを含む)になる左の列(画像を含む)を探しています。流体ハイブリッド電子メールの2列レイアウトが不均一

Litmusでテストしている間、ほとんどの電子メールクライアントで問題なく表示できます。 Outlook 2007,2010、およびWindows 10 Mailが私に問題を与えています。何か案は?

ここに私のlitmus buildへのリンクがあります。

ありがとうございます!

+0

あなたのプロジェクトへの参照だけでなく、いくつかのコードを含めることができますか? – Niqql

答えて

0

私はOutlookが列幅を尊重するために取得しようと、私は次のことを試してみたあまりにも長い費やしてきた:

各セル内のみ を持つ面倒なテーブルの非常に最初の行を明示的に幅を設定します。

例:

<table> <tr> <td width="58%">&nbsp;</td> <td width="42%">&nbsp;</td> <\tr> ...

これは、Outlookは賢いことをしようと、それは彼らがあるべきと考えてどのように列をリサイズ停止します。あたかもテーブルの最初の行に幅を置くかのように振る舞います。そのため、内容が明示的に設定されていないと、しばしばそのトリックが行われます。

これは失敗し、汚いトリックです - 1pxの1pxで埋め込まれた1pxのgifを埋め込むことは便利です - 各上部の行セルに含めることができ、その幅を設定することができます。 Outlookでも無視できないものがあります。

<img src="1px.gif" height="1" width="58%" />

関連する問題