短いストーリー、私は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を参照して、私が意味するものの例を見てください。
Outlook Express/HotmailニュースレターでCSSのサポートが低下しています。だから、より良いオプションは、 –
の代わりにを使用しなければならないということです。[これは](http://www.campaignmonitor.com/design-guidelines/)にチェックしてください。 –
私はちょっと間違っているかもしれません - 通常は-xを繰り返す背景イメージを持っていますが、そこにないと、私の普通のヘッダーイメージ(決して背景イメージではありません)が空白に浮かんでいるように見えます。私はこれを反映するために元の質問を修正します。 – JakeTheSnake