Как верстать? Три колонки - с прокруткой только центральная - Веб-строительство - Сайтостроение

S

144

sergioshevcini

9 ноября 2014, 02:47

727

Здравствуйте! В верстке слаб, поэтому никак не могу сверстать элементарных три div блока

Нужно, чтобы было три колонки

Боковые фиксированные по размеру, не прокручиваются, стоят на месте.

Средняя колонка - контент, прокручивается, резиновая

этот буржуйский проект

кто нибудь, кто шарит подскажите как это сделать? или скиньте ссылку на мануал, если такой есть.

Если кто готов взяться - готов оплатить работу, я знаю, что она элементарная, но в верстке слаб, повторюсь..

спасибо!

49

jslby

9 ноября 2014, 02:57

#1

Просто сделайте левую и правую колонку шириной например 200px, задайте им position: fixed; top:0;bottom:0;

.left{

position: fixed;

left:0;

top:0;

bottom:0;

width:200px;

}

.right{

position: fixed;

right:0;

top:0;

bottom:0;

width:200px;

}

.center{

margin: 0 200px;

}

GI

57

Gvozd_Israel

9 ноября 2014, 06:06

#2

Еще к центральному блоку, как и на буржуйском сайте необходимо добавить прокрутку для центрального блока.


overflow: hidden;

overflow-y: scroll; // вертикальная прокрутка

1

Как верстать? Три колонки - с прокруткой только центральная