кроссбраузерные до ie8 врезки без js

[cyklop77]

помогите пожалуйста решить проблему, если это вообще возможно

 

вот код: http://jsfiddle.net/9xd8k676/ 
здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом

Edited December 3, 2015 by cyklop77

[SelenIT]

А так нельзя?

[wwt]

вставлять в нужном месте http://jsfiddle.net/9xd8k676/1/

Или вот http://jsfiddle.net/9xd8k676/2/

[cyklop77]

вставлять в нужном месте http://jsfiddle.net/9xd8k676/1/

спасибо. но это не вариант. дело в том, что контент будет браться из БД и неизвестно сколько в нём будет абзацев, да и вообще будет ли он форматирован тегами, возвратами строки и т.п.

Edited December 3, 2015 by cyklop77

[wwt]

спасибо. но это не вариант. дело в том, что контент будет браться из БД и неизвестно сколько в нём будет абзацев, да и вообще будет ли он форматирован тегами, возвратами строки и т.п.

 

по другому плавающий блок позиционировать внутри текста не выйдет.

 

Может на стороне клиента с помощью js вам это делать.

[cyklop77]

ну это тоже полезный ответ. спасибо

[Great Rash]

Считаем количество строк текста и вставляем скриптом врезку куда надо. Можно написать условие что вставляем либо на первую строку, либо после определённой строки.

[cyklop77]

только скриптом и остаётся. это не проблема, просто хотел убедиться, что на чистом css совсем никак

[wwt]

А так нельзя?

 

Так и знал что появится SelenIT и предложит костыль решающий этот вопрос )))

[cyklop77]

с ума сойти, даже в ie8 работает... у меня сейчас глаза как на аватарке

Edited December 4, 2015 by cyklop77

[SelenIT]

Если вместо псевдика взять обычный элемент-распорку (тоже нулевой ширины и нужной высоты), то по идее должно работать и в IE5 (в IE6 уж точно). Float и clear так и работают. Старый прием на похожем принципе работал везде, ЕМНИП.