div по центру

[vvsh]

здравствуйте

есть html:

<div class="head">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>

и css:

.head { overflow: hidden; }
.left { float: left; }
.right { float: right; }

как сделать <div class="center"></div>, по центру блока head?

margin: 0 auto; не помогает.

спасибо

Edited August 22, 2011 by vvsh

[MaferoK]

<div class="center"</div>

а закрыть тег..

Edited August 22, 2011 by MaferoK

[vvsh]

это не меняет ничего =)

[MaferoK]

Ну задать ширину диву center + margin:0 auto;

Edited August 22, 2011 by MaferoK

[vvsh]

у дива head ширина 100%.

и у center тоже авто.

[Non Stop]

Оп!

<div class="head">
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</div>

Левому и правому задаешь ширину, а центру отступы слева и справа равные ширине колонок.

Например

.left {width:250px;}
.right {width:250px;}
.center {margin:0 250px;}

Edited August 23, 2011 by Non Stop

[BoDun]

Вот наглядный пример решения вопроса

[vvsh]

Вот наглядный пример решения вопроса

там фиксированная ширина, а у меня все резиновое.

[CalvinKlein]

<div class="head">
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</div>

.left
{
  float:left;
  width:10%;
}
.right
{
  float:right;
  width:15%;
}
.center
{
  margin-left:10%;
  margin-right:15px;
}

если у вас всё резиновое ширину в процентах задавайте

Edited August 23, 2011 by CalvinKlein