2 резиновых блока и фикс сайдбар. Как?

Question

[Erick_Flatcher]

Привет, ребята! У меня горе! Ничего понять не в силах. Помогите!

Страница. На ней фиксированый сайдбар пикселей в 300 и блок с контентом 100%. В контентном блоке еще два блока, которые распологаются по-горизонтале.

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

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

Как вообще это делается правильно? Что делать? Куда бежать читать? Куда смотреть?

Спасибо, ребята!

Answer 1

[kn1ght_t]

https://jsfiddle.net/u3jk1ka7/

Comments

[Erick_Flatcher]

Вроде то что нужно. Буду разбираться. Спасибо огромное.

[Erick_Flatcher]

Возник вопросик! А почему sidebar идет в коде первым и как сделать, то бы он шел вторым (после content)? Просто, при изменении стиля через медиа-запрос, он будет идти первым и на странице. :( Я понимаю, что это из-за флоата, но как это изменить не знаю.

[kn1ght_t]

Erick_Flatcher: https://jsfiddle.net/u3jk1ka7/1/ но у calc() поддержка не самая лучшая