2014-01-14 5 views
8

私はGmailがCSSブロックを全く受け付けないことを知っていますから、メールテンプレートに一連のインラインCSSを追加していますそれを機能させる。GmailはインラインCSS(メールのテンポラリ)として「位置:相対」を削除します

しかし、私はCSSポジショニングプロパティで苦労しています。私は画像を背景画像の上に載せたいので、両方の親divをposition: relativeに設定し、画像を絶対に設定します。しかし、何らかの理由でGmailはその位置を宣言するstyle属性を削除します:divからの相対値。それは他のすべてのインラインCSSを維持します。

回避策はありますか?

+1

CSSの 'position'はHTML電子メールではうまくサポートされていません。背景画像については、backgrounds.cmを見てください。その後、通常の画像タグを内側の「​​」内に配置することができます。 – John

答えて

18

悲しいことに、私は、電子メールを設計するときに、divと位置づけの完全に合理的なアイデアを放棄しなければならないかもしれないと思う。電子メールクライアントでCSSをサポートするのは厄介な悪夢です。

電子メールにレイアウトを強制する(比較的)確かな方法は、残念ながら避けられない古い学校のレイアウトにすることです。

キャンペーンモニタには、メールクライアントCSSのサポートhereの優れた概要があります。

+0

HTMLニュースレターの作成に関しては、ネストされた表が邪魔になる唯一の方法です。高度なCSSも問題になりません。 –

+0

ありがとう!私は今テーブルを使って作業し、tdタグに背景イメージを追加し、テーブルデータ内にオーバーレイイメージを配置します。かわいいですが、それは動作します! :) –

2

メールニュースレターを送信するときに同様のレイアウトの問題が発生しました。解決策は、テーブルを使用して物事を適切に配置することでした。それは日付がついていますが、私はそれが物事を彼らが見せるように見せる唯一の方法だと思います。