Нужна помощь: три колонки на div

#left {

width:10%;

float:left;

}

#center {

float:left;

width:80%;

padding:0 1%;

}

#right{

float:right;

width:10%;

}

#footer{

clear:both;

}

P.S Старайтесь не использовать id, и Старайтесь использовать вложенности.

P.S.S Не обязательно проводить перестановку блоков, попробуйте вставить css который я Вам написал.

Чушь же, где вы видели боковые колонки процентной ширины? На 99% сайтов фиксы.

В любом случае дивы придется добавлять

Логично что при ширине контейнера 1000px, колонка примет значение 100px.

web-developer, а при 3000 примет 300. Логично?

Логично то, что у основного контейнера будет фиксированная ширина.

И блоки будут принимать разные значения в зависимости от ширины родительского контейнера.

На дворе 21-век. Посмотрите как верстаются современные шаблоны.

http://themes.getbootstrap.com/collections/all

К примеру:

http://themes.getbootstrap.com/products/dashboard

Ширина .bw 1170px

А сайдбар, и контент в процентном соотношении, по отношению к родителю.

web-developer, увы, ваш код не работает, да и отличия в нем только то, что величины заданы в %, а у меня боковые колонки фиксированные, центральная - резиновая.

Почему использование id - плохо, а вложенные блоки - хорошо?

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

#left {

width: 20%;

float: left;

}



#center {

float: none;

margin: 0 auto;

width: 60%;

display:table;

}



#right{

width: 20%;

float:right;

}



#footer{

clear:both;

}

как то так...

ну или ширины в пиксилях, дело ваше.

А где сказано что id = плохо?

Наверное тут больше мои предрассудки касательно красивого кода.

<div class="wrap">

<div class="left"></div>

<div class="content"></div>

<div class="right"></div>

</div>

Не, вообще никак - все расползается :)

Может Вы скинете нам ссылку на сайт, а мы уже Вам подскажем что и куда вставить?