マージンのないメールスタイルの問題

Question

誰でもこのイメージを電子メールでスタイリングする考えはありますか？

したがって、中央の白いジョブセクションの周囲に異なる背景色を追加するのが難しい部分です。一番簡単な方法はmargin-topを使うことです：-120px;このジョブセクションに対してposition：absolute/floatのような他のアプローチは、通常のブラウザでは問題ありません。しかし、これらのどれも電子メール/ Gmailでは機能しません。

誰でも手助けできますか？ありがとう！

----------は、おそらく私が全体の背景画像としての二色の背景を使用することができます--------

を編集しました。このイメージは、左下のコンテンツをサポートするのに十分な長さである必要があります。より良いオプションがあるのか​​どうか疑問に思うだけです。

オタクはこれがこれがそう真ん中CSS http://pastebin.com/7rhKcbYa

されるHTML http://pastebin.com/nNJcyTrG

ある----

を尋ねたよう-------に編集/ htmlの& CSSを追加白いジョブセクションは、htmlの次の部分から始まります。

<table align="center" cellpadding="0" cellspacing="0" border="0" class="bix-mail-middle"> 

Answer 1

私は、この作業をバックグラウンドイメージ2色を含める。次に、x方向にバックグラウンドイメージを繰り返します。これは中間の白い仕事のセクションをカバーすることができます。

残りのコンテンツについては、通常の背景色を使用してください。すべて正常に動作します。

ここでのトリックは、あらかじめ定義された背景画像を使用して位置効果を達成することです。