I am trying to create an email two column flexible layout, which works in outlook 07, i have created a successful version in outlook 03, hotmail, gmail, yahoo and aol, in both IE and Mozilla Firefox, however when testing in outlook 07 it strips out my float left css.
What I would like is a layout that has a photo on the left and text on the right about the photo, whens its full screen however when the screen size is reduced, for example on a mobile phone, for the text to move under the photo. When the screen is big I would like it to move back to the two column appearance.
<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 renders the html like i want it, but IE does not, currently on IE 6
Any help on this matter really would be much appreciated as I have been searching all day and the only thing I can find is fixed width answers but nothing that is flexible.
Thanking everyone in advance for their answers
Cameron