2011-06-23 6 views
1

短いストーリー、私はHTMLメールを作成しています(ええ、私は知っています)。私はGmail、Yahoo Mail、Thunderbird、Outlook 2003(07をテストしていない...)でうまく見えるところまでそれを持っている。唯一の問題は、Hotmail(Windows Live Mail)です。背景画像をまったくサポートしていないという事実は、私のレイアウトに関しては気にしません。レイアウトのために、テーブルの幅を設定値(550px)に設定する必要がありますパーセンテージ(80%)のものでなければ、私のヘッダーイメージはちょうどスペースに浮いていて醜いものに見えます。特定のCSSを持つ対象のWindows Liveメール

私はこれを見ると2つのオプションがあります - 幅を静的な値に設定するHotmail固有のCSSルールを作成します(これが可能かどうかわかりません)。受信者が '@ hotmail.com'に属しているかどうかに基づいてフライを実行します。私は前者を後者よりも好むだろう。

説明:簡単にするために、幅が550ピクセル、高さが150ピクセルの高さを想像してください。これは、repeat-xの背景画像を持っています。そのdivの中には、高さ150ピクセル、幅550ピクセルのimgがあります。外側のdivがビューポートの80%に設定されている場合は、左側に展開され、繰り返しの背景が表示されます。これが期待されることです。 Hotmailは背景イメージを表示しないので、空白の空白です。

さらに明確化:hereを参照して、私が意味するものの例を見てください。

+0

Outlook Express/HotmailニュースレターでCSSのサポートが低下しています。だから、より良いオプションは、 –

+0

の代わりにを使用しなければならないということです。[これは](http://www.campaignmonitor.com/design-guidelines/)にチェックしてください。 –

+0

私はちょっと間違っているかもしれません - 通常は-xを繰り返す背景イメージを持っていますが、そこにないと、私の普通のヘッダーイメージ(決して背景イメージではありません)が空白に浮かんでいるように見えます。私はこれを反映するために元の質問を修正します。 – JakeTheSnake

答えて

0

最終的に、カスタムルールリスト(正規表現はドメインに基づいて置き換えます)に基づいて送信する前にメールを修正する必要がありました。

1

は、すべての画像タグでこれを入れてみてください:

style="display: block" 

すべてのインラインことになっているとして、あなたは別のCSSを使用することはできません。また、テーブルを使用している必要があります(私は知っている、私は知っている)。あなたが何らかの情報源を投稿することができれば、私はもう少し手助けすることができます。

+0

私はCSSのハック(スターハックや、既存のルールの上にルールを追加するためにhotmail自身のCSSルールを利用するもの)のラインに沿って何かを望んでいました。 – JakeTheSnake