У меня есть следующий html:
<div id="footer">
<ul id="menu-utility-navigation" class="links clearfix">
<li class="menu-685 menu-site_map first">Site Map
</li>
<li class="menu-686 menu-privacy_policy">Privacy Policy
</li>
<li class="menu-687 menu-terms___conditions">Terms & Conditions
</li>
<li class="menu-688 menu-contact_us last">Contact Us
</li>
</ul>
</div>
Со следующим CSS:
div#footer {
font-size: 10px;
margin: 0 auto;
text-align: center;
width: 700px;
}
Я бросил бит размера шрифта только для того, чтобы увидеть, работает ли стиль (Firebug сообщает, что он работает, но я хотел видеть). Это работает. Но текст не сосредоточен в нижнем колонтитуле Firefox или в Safari (еще нужно проверить его в IE).
Я пробовал с и без поля: 0 auto; и с выравниванием текста и без него: центр; никакая комбинация этих вещей не работала.
здесь выведен из firebug:
div#footer {
font-size: 10px;
margin: 0 auto;
text-align: center;
width: 700px;
}
Inherited fromdiv#page
#skip-to-nav, #page {
line-height: 1.5em;
}
Inherited frombody.html
body {
color: #666666;
font-family: verdana,arial,sans-serif;
}
Справка