Выровнять по центру? помогите

[czp]

уже когда то создавал подобную, тему но немного другого типажа, подскажите еше раз
есть
верстка

<div id="table">
  <div id="cell">
	<div class="block">dsa </div>
	<div class="block">dsa </div>
	<div class="block">dsa </div>
	<div class="block">dsa </div>
	<div class="block">dsa </div>
	<div class="block">dsa </div>
  </div>
</div>

css

#table {
margin:0px;
padding:0px;
display:table;
width:100%;
min-height:100%;
background:#0F3;
}
#cell {
width:100%;
display:table-cell;
vertical-align:middle;
background:#F00;
}
.block{
margin:0px;
padding:0px;
width:235px;
height:95px;
background:#06F;
}

по вертикали все четко, проблема заключается в выравнивании по горизонтали
необходимо сделать что бы :
если 1 блок то прям по центру, 2 то оба по центрк, 3 тоже по центру, 4 во всю строку получаются
а когда 5, то пятый переносится на другую строку и находится в левой части уже, ну соответсвенно 6 за пятым уже станет

картинка в помошь, пашет если float:left поставить .block-ам, но когда меньше 4х они по центру не стоят а прижаты к левому краю, что посоветуете?

 

[ArhAngel]

float: left; не даст по центру поставить.
используй свойство display:inline-block; у мелких блоков, а у основного - text-align: center;

 

[czp]

не помогло

 

[ArhAngel]

#cell {
width:100%;
display:table-cell;
vertical-align:middle;
background:#F00;
text-align: center;
}
.block{
display: inlne-block;
margin:0px;
padding:0px;
width:235px;
height:95px;
background:#06F;
}

Должно работаь, так как .block теперь отображается как линейный желемент с фиксированной высотой и шириной и подчиняется предку в плане расположения. Я часто такую структуру испльзую и всегда работает.
Может display:table-cell; мешает? не знаю, его не пользую, оно в вашем коде сильно нужно?

 

[czp]

нкжно, тогда по вертикали ровняться не будет

 

[ArhAngel]

А если засунуть еще в один блок

<div id="table">
  <div id="cell">
	 <div>
	    <div class="block">dsa </div>
	    <div class="block">dsa </div>
	    <div class="block">dsa </div>
	    <div class="block">dsa </div>
	    <div class="block">dsa </div>
	    <div class="block">dsa </div>
    </div>
  </div>
</div>

 

[tigra60]

не помогло

Что значит не помогло?
inline-block рулит!

Посмотреть вложение gorizont.zip

Только обратите внимание, как теги перенесены (это чтобы не было промежутков между блоками).

Ну, и для ишачков 6-7, костылики добавьте.

 

[czp]

посмотрю отпишусь, только пришел болда болит (