Допустим, нужно отцентрировать баннер шириной 468px:
Вот такая конструкция хорошо работает:
<div id="centered_container">
<div id="centered_block_w468">
<p>То что нужно отцентрировать</p>
</div>
</div>
При этом, в таблице стилей css определяем:
#centered_container {
text-align: center;
}
#centered_block_w468 {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 468px;
/*text-align:left;если необходимо, переопределяем обратно унаследованное выравнивание*/
}
То хе самое, если центрируем div другой ширины, например, 160px. В этом случае 468 везде заменяем на 160.
Не забываем, что в CSS нужно ввести новое описание блока
#centered_block_w160{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 160px;
/*text-align:left;если необходимо, переопределяем обратно унаследованное выравнивание*/
}