когда убираю фиксированную ширину блока , он перестаёт центроваться

[cardsmoney]

Всем привет!

есть блок, в него завёрнуты ещё несколько дивов

Задача - чтобы при любом количестве div class="zakl_button", они центрировались в итоге по центру div id="block"

<div id="block">
		 <div class="zakladki">

			<div class="zakl_button"></div>
			<div class="zakl_button"></div>
			<div class="zakl_button"></div>
			<div class="zakl_button"></div>
						<div class="zakl_button"></div>

		 </div>
</div>

вот код стиля

#block
		{
		width:654px;
		text-align:center !important;

		}	


.zakladki
		{
		padding-top:3px;
		height:35px;
		text-align:center;
		width:585px;
		margin:0 auto
		}


.zakl_button
		{
		width:112px; 
		height:33px;
		float:left; 
		background:url(img/zakladki_bg.jpg);
		margin-right:5px
		}

див .zakladki заполнен 5ю .zakl_button и должен равняться по центру #block , что и происходит...

Но если одну кнопку zakl_button убрать, то блоки перестанут заполнять всё пространство .zakladki , и получается некрасиво

В голову приходит только убрать у .zakladki фиксированную длину

но если её убрать, блок перестаёт равнятся по центру

ЧТо прописать, чтобы при любом количестве кнопок они центрировались по центру?

[rus]

В голову приходит только убрать у .zakladki фиксированную длину

но если её убрать, блок перестаёт равнятся по центру

Попробуй вместо "убрать" поставить width:auto;

[Justnewone]

Совершенно верно, убираем ширину - перестает работать маргин ауто. Можно сделать блок через CSS inline-block, или же вооще inline, засунуть в него однопиксельный прозрачный гиф нужной ширины, ну и родителю сказать tex-align:center

[cardsmoney]

Совершенно верно, убираем ширину - перестает работать маргин ауто. Можно сделать блок через CSS inline-block, или же вооще inline, засунуть в него однопиксельный прозрачный гиф нужной ширины, ну и родителю сказать tex-align:center

чтото не очень понял..

буду благодарен если напишите код..

спасибо

[cardsmoney]

поможет кто-нибудь??