Имеется тиблица из 3-х колонок, 2 из которых пофиксены, а средняя - нет, ширина таблицы - 100%, внутри этой ячейки есть DIV внутри которого все элементы float:left, как выровнять сам DIV по центру этой ячейки???
Имеется:
Код:
<td align="center" valign="top">
<!-- submenu -->
<div class="submenu">
<div><img src="/images/blank.gif" width="30" /></div>
<div><img src="/images/submenu/left.gif" /></div>
<div class="item"><a href="#"><img src="/images/submenu/design.gif" alt="Дизайн" title="Дизайн" /></a></div>
<div class="separator"><img src="/images/submenu/separator.gif" /></div>
<div class="item"><a href="#"><img src="/images/submenu/usability.gif" alt="Юзабилити" title="Юзабилити" /></a></div>
<div class="separator"><img src="/images/submenu/separator.gif" /></div>
<div class="item"><a href="#"><img src="/images/submenu/development.gif" alt="Разработка" title="Разработка" /></a></div>
<div class="separator"><img src="/images/submenu/separator.gif" /></div>
<div class="item"><a href="#"><img src="/images/submenu/promotion.gif" alt="Продвижение" title="Продвижение" /></a></div>
<div class="separator"><img src="/images/submenu/separator.gif" /></div>
<div class="item"><a href="#"><img src="/images/submenu/freelance.gif" alt="Фриланс" title="Фриланс" /></a></div>
<div><img src="/images/submenu/right.gif" /></div>
</div>
<!-- end of submenu -->
<div class="space"><img src="/images/blank.gif"></div>
</td>
CSS
Код:
.submenu{
height:34px;
}
.submenu div{
float:left;
}
.submenu .item{
background:url(/images/submenu/bg.gif) repeat-x;
padding:7px 7px 15px 7px;
}
.submenu .separator{
background:url(/images/submenu/bg.gif) repeat-x;
padding:0px 0px 6px 0px;
}