вставить обтекаемые формы в контент

[cyklop77]

помогите пожалуйста советом

 

в наследство остался контент сайта, который представляет собой беспорядочное нагромождене тегов. задача в том чтобы вставить в этот контент две формы. трудность в том, что формы должны быть прижаты к правому краю и обтекаемы контентом

 

выглядеть это безобразие должно примерно так

 

здесь зелёный цвет это контент, красный - формы

 

фиддл

 

если важно, то есть возможность обернуть контент в отдельный контейнер. использовать можно любые технологии, кроссбраузерность не критична

Edited January 28, 2015 by cyklop77

[antonKar]

http://jsfiddle.net/4fedz2Lx/2/ немножко облагородил для изысканий, а то с таблицами жестоко конечно

Edited January 28, 2015 by antonKar

[cyklop77]

http://jsfiddle.net/4fedz2Lx/2/ немножко облагородил для изысканий, а то с таблицами жестоко конечно

а смысл? там несколько десятков подобных страниц(только по объёму значительно больше) с таблицами и они(таблицы) никуда не исчезнут

 

я вот уже от отчаяния подумываю яваскриптом выбирать сверху и снизу некоторое количество блоков, высота которых будет составлять примерно высоту формы и затем самыми хардкорными способами втягивать форму в область контента. но хотелось бы более чистое решение

Edited January 28, 2015 by cyklop77

[antonKar]

и они(таблицы) никуда не исчезнут

 

Тогда только через JS хардкорить с контентом, если таблицы останутся. 

[Switch74]

1. вам может помочь создние aside справа, но тогда между формами будет пусто

2. как вариант всем этим таблицам задать width:50%; возможно такой подход сгодится, но он аналогичен первому способу

3. от таблиц лучше конечно избавиться по возможности

[cyklop77]

ну ребят, условия задания я и сам могу изменить)