1

Outlook 07で機能する2列の柔軟なメールレイアウトを作成しようとしています。IEとMozillaFirefoxの両方で、Outlook 03、hotmail、gmail、yahoo、aolで成功したバージョンを作成しましたが、Outlook07でテストすると私のフロート左cssを取り除きます。

私が欲しいのは、左側に写真、右側に写真のテキストがあるレイアウトです。ただし、全画面表示の場合、たとえば携帯電話などで画面サイズを小さくすると、テキストが写真の下に移動します。 。画面が大きい場合は、2列の外観に戻したいと思います。

<div>
   <div style="float:left;width:230px;">
      <a href="http://www.google.co.uk" target="_blank"><img src="http://www.maip.com/media/images/Google%20Logo.jpg" border="0" width="230" height="150" style="margin-bottom:5px;"></a>
   </div>
  <div>
    <h4>Test, Test, Test</h4>
    <p style="margin:0 0 0px 0;">Test</p>
    <p>Test text test text kfjhsdkhfjkdshjkf fjsdlfkjsdljflsdjfl sd dfkljflsdjfkljsdlkfjklsdjf dfksdjfkljsdklfjklsdf sdfjsdljfldjfklsd,f lkl sdjkl jdkl jdkljfdkljfklsdjfklj ldk jlksd  Test text test text Test text test text Test text test text Test text test text Test text test text Test text test text Test text test text  
    <a href="http://www.google.co.uk/" target="_blank" >Read more</a>.</p>
    <p>Arrange to view this property</a></p>
  </div>
</div>

Mozillaは私が望むようにhtmlをレンダリングしますが、IEは現在IE6ではレンダリングしません

私は一日中検索していて、私が見つけることができる唯一のものは固定幅の答えですが、柔軟なものは何もないので、この問題に関するどんな助けも本当にありがたいです。

4

1 に答える 1

2

Microsoft は Outlook 2007 で、HTML のレンダリングに IE エンジンを使用するのをやめ、代わりに Word エンジンを使用することを決定しました。

これは、Outlook 2007 ユーザーに対してメールを機能させる必要がある場合に適用できるスタイルが厳しく制限されていることを意味します。

残念ながら、フロートは Outlook 2007 でサポートされていない機能の 1 つです。列のレイアウトには表を使用する必要があります。:(


IE をより適切に動作させるには、Quirks モードに戻らないように、有効な DOCTYPE があることを確認してください。すべてのユーザー エージェントで最適に機能する最も単純な DOCTYPE は、提案されている HTML5 DOCTYPE です。

<!DOCTYPE html>

これですべてです。他のものは必要ありません。(注: ブラウザーでは機能しますが、W3 バリデーターはこの doctype について不平を言います。バリデーターを使用したい場合は、オーバーライド DOCTYPE 機能を使用できます。)


メールで使用できる CSS に戻ります...さまざまなクライアントでサポートされている CSS 属性を示す PDF があります:
http://www.campaignmonitor.com/reports/Guide_to_CSS_Support_in_Email_2007.pdf

また、サポートされているものとサポートされていないものに関する詳細は次のとおり
です
。 /04/a_guide_to_css_support_in_emai_2.html

于 2008-09-16T17:45:46.573 に答える