Выравнивание по центру в div

[Гайдамак]

Здравствуйте,

подскажите, пожалуйста, новичку:

хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого?

пока что ничего кроме громоздкой таблицы внутри div не придумал.

	<div class="bottom">
	<table cellspacing="0" border="0">
	<tr><td width="50%"></td>
	<td><center>
<!--счетчик-->
	</center></td>
	<td width="50%"></td>
	</tr>
	</table>
	</div>

подскажите, пожалуйста, как сделать красивее и лаконичнее?

Заранее благодарю.

[Searcher]

если счетчик не блочный элемент, то в классе bottom достаточно прописать text-align:center;

[Гайдамак]

если счетчик не блочный элемент, то в классе bottom достаточно прописать text-align:center;

text-align:center; - так я уже пробовал, не получается.

а счетчик вот:

<!--bigmir)net TOP 100-->
<script type="text/javascript" language="javascript"><!--
function BM_Draw(oBM_STAT){
document.write('<table cellpadding="0" cellspacing="0" border="0" style="display:inline;margin-right:4px;"><tr><td>
<div style="margin:0px; padding:0px; font-size:1px; width:88px;"><div style="background:url(\'http://i.bigmir.net/cnt/samples/diagonal/b59_top.gif\') 
no-repeat bottom;"> </div> <div style="font:10px Tahoma; background:url(\'http://i.bigmir.net/cnt/samples/diagonal/b59_center.gif\');"> 
<div style="text-align:center;"> <a href="http://www.bigmir.net/" target="_blank" style="color:#0000ab; text-decoration:none; font:10px Tahoma;"> 
bigmir<span style="color:#ff0000;">)</span>net</a> </div> <div style="margin-top:3px;padding: 0px 6px 0px 6px; color:#003596;">
<div style="float:left;font:10px Tahoma;">'+oBM_STAT.hosts+'</div> <div style="float:right; font:10px Tahoma;">'+oBM_STAT.hits+'</div>
</div> <br clear="all"/></div><div style="background:url(\'http://i.bigmir.net/cnt/samples/diagonal/b59_bottom.gif\') no-repeat top;"> </div>
</div></td></tr></table>');
}
//-->
</script>
<script type="text/javascript" language="javascript"> <!--
bmN=navigator,bmD=document,bmD.cookie='b=b',i=0,bs=[],bm={o:1,v:******,s:******,t:0,c:bmD.cookie?1:0,n:Math.round((Math.random()* 1000000)),w:0}; 
for(var f=self;f!=f.parent;f=f.parent)bm.w++;
try{if(bmN.plugins&&bmN.mimeTypes.length&&(x=bmN.plugins['Shockwave Flash']))bm.m=parseInt(x.description.replace(/([a-zA-Z]|\s)+/,''));
else for(var f=3;f<20;f++)if(eval('new ActiveXObject("ShockwaveFlash.ShockwaveFlash.'+f+'")'))bm.m=f}catch(e){;}
try{bm.y=bmN.javaEnabled()?1:0}catch(e){;}
try{bmS=screen;bm.v^=bm.d=bmS.colorDepth||bmS.pixelDepth;bm.v^=bm.r=bmS.width}ca
tch(e){;}
r=bmD.referrer.slice(7);if(r&&r.split('/')[0]!=window.location.host){bm.f=escape®;bm.v^=r.length}
bm.v^=window.location.href.length;for(var x in bm) if(/^[ovstcnwmydrf]$/.test(x)) bs[i++]=x+bm[x];
bmD.write('<sc'+'ript type="text/javascript" language="javascript" src="http://c.bigmir.net/?'+bs.join('&')+'"></sc'+'ript>');
//-->
</script>
<noscript>
<a href="http://www.bigmir.net/" target="_blank"><img src="http://c.bigmir.net/?v******&s******&t2" 
width="88" height="31" alt="bigmir)net TOP 100" title="bigmir)net TOP 100" border="0" /></a>
</noscript>
<!--bigmir)net TOP 100-->

Edited February 21, 2009 by Гайдамак

[Faust]

а может попробовать положить счетчик в див и задать ему

margin: auto; ?

[Searcher]

Жуткая смесь таблиц и блоков что в счетчике, что вокруг него. Таблицы нужны только для представления табличных данных.

Блоки в таблице - вообще жутко неудобно и неправильно блочный элемент располагать во встроенном.

От чего у вас у ячеек ширина 50%, если у таблицы не задана ширина?

так пробовали?

<td style="text-align:center;">
<!--счетчик-->
</td>

[mini]

так как писал прежде коллега, заворачиваеш в див, этому диву прописуеш

width: px; ширина дива в который кладуше

margin:0 auto;

тоесть этот ДИВ отцентрируется относительно родителя

[Searcher]

а, ну а если без таблицы, то вариантов много

например как сказал Faust - вложите счетчик в div задайте этому диву ширину равную ширине счетчика и margin:0 auto;

эх, опоздал

[Гайдамак]

Большое спасибо, помогло