Как такое можно сверстать 3 таких блока?

Question

[Enfiladed]

Здравствуйте! Я не очень силен в верстке, поэтому не могу придумать, как сверстать то, что мне нужно. Есть 3 блока:

Так вот, как можно отцентровать блок с чатом относительно середины экрана, а не относительно пространства между левым и правым блоком? Хочется сделать с помощью css, но в крайнем случае js тоже вариант. Заранее спасибо)

Comments

[Ankhena]

абсолютом
альтернатива - calc у margin, если левый и правый с известной шириной (в % это тоже известная)
либо js

Answer 1

[Ankhena]

Варианты:
- абсолютом
- calc у margin, если левый и правый с известной шириной (в % это тоже известная)
- js

Вот пример с margin. Формулу в реале имеет смысл упростить, оставила только чтобы было понятно как вычисляется.
https://jsfiddle.net/qpybnam3/

Всё это требует @media, когда блоки начнут наползать друг на друга.

p.s. визуально такое расположение блоков выглядит гадко. Позовите дизайнера.

Answer 2

[Mors Clamor]

margin-left:auto; margin-right:auto;
?

Answer 3

[Аркадий]

Посмотри в сторону bootstrap'a.

Comments

[Enfiladed]

Честно говоря, не очень хочется целый фреймворк подключать ради этого, ибо больше он нигде особо не нужен(

[Ankhena]

Мне чисто поржать, чем он поможет?