Не могу сделать расположение кнопки

[excellion 0]

Доброго времени суток всем участникам форума!

код в main.tpl :

<div id="bk_head">

<div class="dcont_text">Разное</div>

</div>

<div id="bk_other">

<script>URL="http://img.gismeteo.ru/flash/120x60_2.swf?city=27271&cset=2&nname=%D0%A8%D0%B0%D1%80%D1%8C%D1%8F";w="120";h="60";value="27271&cset=2&nname=%D0%A8%D0%B0%D1%80%D1%8C%D1%8F";lang="ru";</script><script src="http://img.gismeteo.ru/flash/fcode.js"></script>

</div>

<div id="bk_footer"></div>

вот так смотрится мне же нужно расположение этой кнопки посередите данного блока. делаю вот так: заключаю скрипт в данны код

<p align="center">&nbsp;</p>

<div id="bk_head">

<div class="dcont_text">Разное</div>

</div>

<div id="bk_other">

<p align="center">&nbsp;<script>URL="http://img.gismeteo.ru/flash/120x60_2.swf?city=27271&cset=2&nname=%D0%A8%D0%B0%D1%80%D1%8C%D1%8F";w="120";h="60";value="27271&cset=2&nname=%D0%A8%D0%B0%D1%80%D1%8C%D1%8F";lang="ru";</script><script src="http://img.gismeteo.ru/flash/fcode.js"></script></p>

</div>

<div id="bk_footer"></div>

по середине встает но происходит вот такое: то что нашел от этого блока в style.css

div#bk_head{background:url(../images/bk_head.gif) no-repeat; width:228px; height:45px;}

div#bk_other{background-color:#73a5d3; background-repeat:repeat-y; width:226px; height:auto; margin-left:1px;}

div#bk_footer{background:url(../images/bk_footer.gif) no-repeat; width:228px; height:19px;}

помогите плиз поправить...

заранее большое спасибо за помощь

Изменено 9 февраля 2012 пользователем excellion

[WWW.ZEOS.IN 1 161]

Зачем для центрирования блока брать его в параграф?

Отступы, которые Вы видите создаёт параграф (<p>)

Изменено 9 февраля 2012 пользователем WWW.ZEOS.IN

[excellion 0]

как тогда сделать ?

всячески уже перепробовал, уже и мыслей не осталось ((

сделал вместо <p> поставил <div> и все отлично заработало

Изменено 9 февраля 2012 пользователем excellion

[alex32 934]

есть такая штука span, а параграф в данном случае использовать неуместно