Помощь в поиске изящного решения

[V_R]

Господа форумчане помогите найти решение:Есть такой код:
<div id="content">
<div class="bloc">Блок1</div>
<div class="bloc">Блок2</div>
<div class="bloc">Блок3</div>
</div>
Как отцентртровать эти блоки по горизонтали с учетом того что id="content" имеет резиновою ширину то есть при любом разрешении экрана блоки выравнивались по горизонтали

Блок1 Блок2 Блок3

Спасибо всем кто поможет.

 

[comua]

как вариант

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[V_R]

comua Спасибо конечно но там расматриваються Колонки одинаковой высоты а не центрирование колонок по горизонтали

 

[polyetilen]

#content .bloc{
    float:left;
    width:33%;
}

 

[bork75]

самый лучший вариант

<div id="content"> 
       <div id="left">текст</div> 
        <div id="right">текст</div> 
   <div id="main"></div>
 </div>
 
 
 <style>
 #content {width: 100%;float: left;}
#left {width: 30%;float:left; background:#999999; }
#main { background:#0099cc; margin:0 30% 0 30%px; height:150px;}
#right {width: 30%;float:right; background:#999999;}
 
 </style>

 

[V_R]

bork75 Спасибо как раз так и делал только в теге main не прописал height в этом бала ошибка

 

[bork75]

bork75 Спасибо как раз так и делал только в теге main не прописал height в этом бала ошибка

height не нужен.

Я его просто написал, потому, что див пустой

спасибо, кнопкой ))