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

<div class='container'>
   <div class='left'></div>
   <div class='right'></div>
   <div class='center'></div>
</div>
<div class='footer'></div>

.container:after {
  content: '';
  display: table;
  clear:both;

}
.left {
   float: left;
   width: 20%;
}
.right {
   float:right;
   width: 20%;
}
.center {
   margin: 0 auto;
   display: table;
   width: 60%;
}

У меня же работает и ничего не ползет:)

вам и другим уже сказали - боковые колонки фиксированные.

web-developer, да дело не в сайте. Вот минимальный код и на нем уже блоки ползут:

---------- Добавлено 21.12.2015 в 20:59 ----------

indenger20, vandamme, верно подметил и у вас очередность блоков нарушена:

<div class='left'></div>

<div class='right'></div>

<div class='center'></div>

а нужно

<div class='left'></div>

<div class='center'></div>

<div class='right'></div>

имхо очевиднейший пример - http://jsfiddle.net/RsRf9/109/

хочешь или нет, переверстать необходимо.

Если с такой разметкой, то

#center {

float: left;

width: 60%;

background-color:red;

}

Вот и все..

Или средством js

$('.right').insertBefore('.footer');

Честно говоря, я уже не понимаю что вам нужно:)

универсальный метод, если ширины всех колонок измеряются в %

схема

<div class="col">

    <div>1 колонка</div>

    <div>2 колонка</div>

    <div>3 колонка</div>

</div>

цсс

.col{

    display:block;

    letter-spacing: -0.3em;

}

.col > div{

    display:inline-block;

    letter-spacing:normal;

    text-align:left;

    vertical-align:top;

    width:33.3%;

}

если хотя-бы одна колонка имеет фиксированную ширину, то придется перейти к таблице

.col{

    display:table;

    width:100%;

}



.col > div{

    display:table-cell;

    text-align:left;

    vertical-align:top;

}

Кросбраузерность от Ие7, про нормальные браузеры я и не говорю

и никаких идиотских левых маржинов и флоатов.

Забудьте про них, Учитесь верстать красиво и эффективно

Это явно не про вас.

vandamme, а по делу есть что сказать ? или только сил на наброс хватило?

silicoid, видите же, что ТСу танцы с бубном не помогают. Имхо, ему так надо было показать http://jsfiddle.net/RsRf9/111/