Outlook 07 2列のフレキシブルなレイアウト

Outlook 07で動作する2列のフレキシブルなレイアウトの電子メールを作成しようとしています。私はIEとMozillaの両方でoutlook 03、hotmail、gmail、yahoo、aolで成功したバージョンを作成しましたFirefoxの場合、Outlook 07でテストすると、浮動小数点の左のCSSが取り除かれます。Outlook 07 2列のフレキシブルなレイアウト

写真の左側に写真があり、写真が右側に表示されているレイアウトがありますが、携帯電話などの画面サイズが縮小されたときにテキストが表示される写真の下を移動します。画面が大きくなると、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は、現在、IE 6

にこの問題に関するすべてのヘルプは本当にいただければ幸いしません私は見つけることができる固定幅の答えが何も柔軟です。 Outlook 2007のではその答えを事前にみんな

キャメロン

出典

2008-09-16 Anonymous

に感謝

は、MicrosoftがHTMLをレンダリングするためのIEのエンジンを使用して停止し、代わりに、Wordのエンジンを使用することにしました。

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

残念ながら、floatはOutlook 2007でサポートされていない機能の1つです。つまり、テーブルを使用するよう強制されている列レイアウトです。 :(

注意、IEが良く働いて得るために、それが癖モードに戻りませんので、あなたが有効な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

そして、ここではさらにいくつかあるかについての詳細とISN」をしていますtはサポートさ：
は http://www.email-standards.org/clients/microsoft-outlook-2007/
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html

出典

2008-09-16 17:45:46

うん、Outlook 2007のCSSを吸います。 –

Outlook 07 2列のフレキシブルなレイアウト

答えて

関連する問題