Я пытаюсь создать гибкий макет с двумя столбцами для электронной почты, который работает в outlook 07. Я создал успешную версию в outlook 03, hotmail, gmail, yahoo и aol, в IE и Mozilla Firefox, однако при тестировании в outlook 07 удаляет мой поплавок слева css.
Мне бы хотелось, чтобы макет содержал фотографию слева и текст справа о фотографии, когда она отображается в полноэкранном режиме, однако при уменьшении размера экрана, например на мобильном телефоне, текст перемещается. под фото. Когда экран большой, я бы хотел вернуться к появлению двух столбцов.
<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
Любая помощь по этому вопросу была бы очень признательна, так как я искал весь день, и единственное, что я могу найти, это ответы с фиксированной шириной, но ничего гибкого.