HTML верстка. Как сделать?

Question

[Михаил]

Доброго времени суток друзья!
Есть 3-ех колоночный интерфейс. Его нужно реализовать со следующими условиями:
1-я колонка (пусть будет left_sidebar) должна иметь фиксированную ширину (в px) и сама колонка не должна скролится (position: fixed;).
2 колонка (пусть будет main_layout) должна скролится и иметь резиновую ширину.
3 колонка (пусть будет right_sidebar) такая же как и первая.

Я перепробовал много вариантов с float и без, пробовал flexbox, тоже не получается, поэтому, друзья, I need a Help!!!

Comments

[Сергей Протько]

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

[Михаил]

Пробовал для 1 и 3 колонки position: fixed и float: left/right соответственно и width: 200px; height: 100%. А для 2 колонки margin: auto 200px; width: auto; height: 100%;

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/MweVvP
изучайте.

Comments

[Михаил]

Спасибо, теперь понял))

[Андрей Федоров]

не забудьте, что padding влияет на размеры.

[Михаил]

Разумеется)) подскажите еще, ведь не обязательно ставить фиксированную высоту для блока .container?

[Андрей Федоров]

необязательно. в нем даже нет необходимости особой. по сути это body. это для наглядности.

[Михаил]

Андрей Федоров: Ок, спасибо))