Обтекание текста вокруг изображения при "position:absolute;"

[Powerslave]

У меня не получается сделать обтекание у картинки которая расположена поверх двух

http://powerslave.name/question/yes.gif. Прич?м т?мно фиолетовая часть динамическая, т.е. она полз?т вниз и может обтекать картинку полностью. Если текста в т?мно фиолетовой части не много (как в примере), картинку должен обекать текст в светло фиолетовой части. Так вот, при установке "position:absolute;" у дивного блока картинки, не получается обтекание. Может кто сталкивался, прошу помощи )). Вот что у меня получилось - http://powerslave.name/question/no.gif

А вот и код :

<div style="margin-top:10px;"><table border="0" cellspacing="0" cellpadding="0">
 <tr style="height:5px;">
 <td style=" background:#6E3BCC;"><img src="img/articles_1.jpg" alt="" /></td>
 <td style=" background:#6E3BCC;"></td>
 <td style=" background:#6E3BCC; text-align:right;"><img src="img/articles_2.jpg" alt="" /></td>
 </tr>
 <tr>
 <td bgcolor="#D9C0F6"></td>
 <td bgcolor="#D9C0F6" style="height:55px;" valign="top"><div style="position:absolute; margin-left:20px; margin-top:10px; float:left;"><img src="test/test_img.jpg" /></div>TEST</td>
 <td bgcolor="#D9C0F6"></td>
 </tr>
 <tr>
 <td bgcolor="#EDE6F9"></td>
 <td bgcolor="#EDE6F9" style="height:55px;" valign="top">TEST</td>
 <td bgcolor="#EDE6F9"></td>
 </tr>
 <tr>
 <td bgcolor="#EDE6F9" style="height:5px;" valign="bottom"><img src="img/articles_4.jpg" alt="" /></td>
 <td bgcolor="#EDE6F9" width="100%"></td>
 <td bgcolor="#EDE6F9" valign="bottom"><img src="img/articles_5.jpg" alt="" /></td>
 </tr>
</table></div>

Зарание спасибо =)

[yopopt]

А зачем position:absolute;? По моему вс? должно работать...

[WM]

По-моему, только чтобы получить то, что на yes.gif нужно будет выдумывать всяческие левые ухищрения. А учитывая то, что вс? это будет растягиваться-сжиматься, можно сказать, что мороки будет очень много и нет уверенности, что это будет нормально работать. Проще немного переделать макет, чтобы див с картинкой сидел либо в верхней ячейке, либо в нижней.

yopopt

А position: absolute; Powerslave'у нужен, видимо, для того, чтобы див с картинкой вылезал из потока и перекрывал нижнюю ячейку таблицы, как на yes.gif.

[yopopt]

yopopt

А position: absolute; Powerslave'у нужен, видимо, для того, чтобы див с картинкой вылезал из потока и перекрывал нижнюю ячейку таблицы, как на yes.gif.

Да, похоже.

Посмотрел скрины... Вы собираетесь это делать таблицей?! Ну флаг Вам в руки, только прошу потом выложить сюда код. Для общего развития. Гораздо проще это сделать слоями. Нужно всего несколько дивов.

[Powerslave]

Ну флаг Вам в руки

http://powerslave.name/question/yaya.gif

<div style="margin-top:10px;"><table border="0" cellspacing="0" cellpadding="0">
 <tr style="height:5px;">
 <td style=" background:#6E3BCC;"><img src="img/articles_1.jpg" alt="" align="left" /><img src="img/articles_2.jpg" alt="" align="right" /></td>
 </tr>
 <tr>

 <td bgcolor="#EDE6F9" style="height:55px;" valign="top"><div><div style="margin-left:20px; margin-top:10px; margin-right:10px; float:left;"><img src="test/test_img.jpg" /></div><div style="background:#D9C0F6;"><div style="margin-right:10px; padding-top:10px;">12 июля 2007 года в первую годовщину начала Второй ливанской войны, в 9.05 по израильскому времени все крупные израильские интернет-сайты на 5 минут приостановили работу и вывесили на своих главных страницах объявление, призывающее правительство Израиля и ООН приложить максимальные усилия для освобождения взятых в плен арабскими террористами израильских солдат. Также сайты призвали население никогда не терять надежды.</div></div><p style="margin-left:20px; margin-right:10px;">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test <p style="margin-left:20px; margin-right:10px;">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test</div></td>
<tr>
<td bgcolor="#EDE6F9" width="100%"><img src="img/articles_4.jpg" alt="" align="left" /><img src="img/articles_5.jpg" align="right" alt="" /></td>
</tr>
</table></div>

[yopopt]

Рад что у Вас получилось. Только вы сверстали не таблицами, а дивами. То есть как я и говорил, как проще.

Ещ? теги

надо закрывать.

[kiD]

ап

[Dimitry Wolotko]

-> проблемы с вертской.

[Alex CHE]

Так вс?-таки, как можно задать обтекание текстом абсолютно позиционированного DIV'а?

[yopopt]

Так вс?-таки, как можно задать обтекание текстом абсолютно позиционированного DIV'а?

А зачем? Можете привести хоть один пример когда это необходимо? Есть же float...

[Vlad]

Действительно, как ты себе это представляешь? Стоит слой поверх страницы, начинаем прокручивать документ, а текст туда-сюда прыгает и обтекает этот слой.

[Alex CHE]

Действительно, как ты себе это представляешь? Стоит слой поверх страницы, начинаем прокручивать документ, а текст туда-сюда прыгает и обтекает этот слой.

Почему прыгает? Если задавать не position:fixed, а position:absolute, то прыгать ничего не будет, слой будет прокручиваться вместе с текстом.

[Alex CHE]

Ребята! Отзовитесь!