我想创建一个电子邮件两栏布局灵活，这在Outlook 07的工作，我已经在Outlook 03，的Hotmail，Gmail，雅虎和AOL创造了一个成功的版本，在IE和Mozilla Firefox浏览器，在Outlook 07测试然而，当它剔除了我的左浮动的CSS。
我想的是，在左侧和文本与照片右侧的照片布局，whens其全屏然而当屏幕尺寸减小，例如移动电话，文本的照片下移动。当屏幕大，我想它搬回到两列的外观。
<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年，微软决定停止使用IE引擎渲染HTML，并使用Word引擎来代替。
这意味着你正在严重与造型的限制，如果你需要让你的电子邮件的Outlook 2007用户的工作就可以申请。
不幸的是，浮动是是Outlook 2007中不支持的功能之一 - 你不得不使用表列布局。 :(
注意，让IE更好的工作，请确保您有一个有效的DOCTYPE所以它不会恢复到Quirks模式。跨所有用户代理的效果最好，最简单的DOCTYPE是所提出的HTML5 DOCTYPE，这很简单：
<!DOCTYPE html>
这一切就是这么简单 - 需要没有其他东西。 （请注意，虽然它在浏览器，W3验证会抱怨这个文档类型 - 您可以使用覆盖DOCTYPE功能，如果你想使用的验证。）
回到了CSS，你可以在电子邮件中使用...有哪些CSS属性在这里跨越不同的客户端支持的PDF显示： http://www.campaignmonitor.com/reports/Guide_to_CSS_Support_in_Email_2007.pdf
这里是关于是什么，不支持一些进一步的细节： 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