[cronmix]

Всем привет!
Который день бъюсь с проблемой выравнивания div`ов после применения к ним свойств float: left;

.thumbnail
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }

<div class="th_cont">

<div class="thumbnail">
<img src="./images/image.gif" alt="" width="60" height="60"><br>
Caption 
</div>
<div class="thumbnail">
<img src="./images/image.gif" alt="" width="60" height="60"><br>
Caption 
</div>
<div class="thumbnail">
<img src="./image.gif" alt="" width="60" height="60"><br>
Caption 
</div>
<br class="clearboth">
<div class="thumbnail">
<img src="./images/image.gif" alt="" width="60" height="60"><br>
Caption 
</div>
<div class="thumbnail">
<img src="./images/image.gif" alt="" width="60" height="60"><br>
Caption 
</div>
<div class="thumbnail">
<img src="./images/image.gif" alt="" width="60" height="60"><br>
Caption 
</div>

Задача выровнять дивы по центру контейнера (th_cont) и (как вариант) растянуть по ширине контейнера (ширина блока не известна).

[iDeViL]

"выровнять дивы по центру контейнера (th_cont) и (как вариант) растянуть по ширине контейнера"
если они будут иметь такую же ширину, то зачем им быть по центру?
Сделайте display: inline; - это их в ряд поставит. А по ширине - width: 18%; (получили поделив 100 на 6)

[vladendark]

проверить возможности нет, но margin-left:50% результат приносит?

[cronmix]

Я перепробывал можноство изветсных мне вариаций. Уже и в таблицу пихал, и в дополнительные контейнеры и уже их пытался отцентрировать - ничгео не помогает.
diplay in line результата не даёт
маригн лефт (райт) то же не действуют

ХЕЛП

Добавлено через 22 минуты

Да, еще момент забыл написать:
Ширина блоков (в прмере 60px) может быть любой "по задумке" дизайнера.
грубо говоря и 100 и 260 px

[Niemans]

.th_cont {text-align: center;}
.thumbnail {display: inline-block;}

[cronmix]

Оказывается все было намного ближе чем казалось
Огромадное спасибо!

Может кому будет полезен результат!

.thumbnail
{
display: inline-block;

width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.cent_cont
{
  border: 1px #00FF55 dotted;
  text-align: center;
  margin: 0 auto;
}

Тему можно закрывать