Автоматическое позиционирование ячейки при отсутствии места

[Heian9]

Здравствуйте!

Потребовалось сверстать блок вот такого типа.

1 - плавающий блок с заголовком, неопределенной ширины, растягивается вправо и прижат к аватарке 3. Ширина не ограничена и зависит от того, что в нем написано.

2 - блок с кнопками управления своей учеткой, находится справа от блока 1, прижат к правому краю, НО если из-за длины блока 1 блок 2 не вмещается, он должен переместиться в место под аватаркой, отмеченное красным кругом.

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

 

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

 

Собственно, я не смог найти ничего более умного, кроме как определить через php длину заголовка 1 и проставить для блока 2 классы типа pull-left-768, pull-left-1199 и так далее, которые сдвигают при определенных ключевых точках этот блок в место, отмеченное кружочком. Поскольку макет сделан на бутстрапе, то это не сложно. Но решение получилось довольно костыльным и не без недостатков... поэтому у меня вопрос: как бы вы сделали подобный блок? На основании каких хаков \ приемов и т.п. И возможно ли вообще реализовать такое непростое поведение на чистом css?

 

p.s. js я не применял, т.к. возможны артефакты при загрузке страницы.

 

Буду благодарен за советы

[npofopr]

3. flat: left;

1. float: left

2. float: right

 

так не работает разве?

[iKNG]

Мб media queries?

[Heian9]

В том-то и дело, что сначала 2 должна быть float:right, а если вдруг текст в 1 станет слишком длинным и сдвинет ее, она должна сместиться к левому краю, т.е. стать float:left. И при этом не подгадать ширину текста. К тому же, текст может смещать блок 2 и при ширине в 1200 пикселов, так что через чисто media-queries не представляю, как это сделать.

Я сейчас и реализовал через php + media-queries   Но минус как раз именно в том, что я не могу гарантировать успешность такой системы на всех языках. Несколько слишком широких символов, и все полетит, а если допускать широкие - тогда будет слишком много места при строке из узких, и т.п.

 

Для такого у меня есть только js, но его бы не хотелось применять...