CSS Navbar Align Center

Question

Итак, на моем веб-сайте я пытаюсь получить меню Nav, чтобы выровнять центр, но по какой-то причине он не работает. Я пробовал применять

margin-right: auto; 
margin-left:auto; 

Я также пробовал другие трюки CSS, но он по-прежнему не будет выравнивать центр. Может кто-нибудь посмотреть на мой сайт с помощью firebug и рассказать мне, что я делаю неправильно?

мой сайт http://dev.pti-world.com Я думал, что знаю CSS прилично хорошо, но, очевидно, нет, так как у меня есть эта небольшая проблема, которую я не могу понять.

Answer 1

Если вы хотите, чтобы центр его можно использовать margin: 0 auto;

Есть 2 строки, которые вы необходимо изменить в вашем css:

1. У вас есть ширина ul на 100%.
2. У вас есть ul с поплавком слева.

Решение:

#megaMenu ul.megaMenu { 
    float:left; <---- delete this because with a float you cant center it. 
} 

и изменить

#megaMenu.megaMenuHorizontal ul.megaMenu { 
    width: 950px; 
    margin: 0 auto; 
} 

Answer 2

попытаться обернуть Navi снова и дать обертку

text-align:center; 

и вашим NAVI

display:inline-block; 

Answer 3

Дайте ul центрированный текст, и сделать свой li ы не плавал и встроенный блок:

#megaMenu ul.megaMenu { 
    text-align: center; 
} 
#megaMenu ul.megaMenu > li { 
    float: none; 
    display: inline-block; 
} 

Это вернет Internet Explorer 8.