Раньше я использовал центрирование меню с подключением стиля для ie6, сейчас нашел способ обойтись без этого. Тот старый способ требовал подключения стиля кода для ie6 + лишние теги “div”,
Данный способ использует всго пару лишних тегов “div”.

Создаем контейнерный div в нем еще один div, который и будет содержать наш список.

<div id="menu">
        <div>
          <ul>
           <li><a href="#">Главная</li>
           <li><a href="#">Новости</li>
           <li><a href="#">Контакты</li>
          </ul>
        </div>          
</div>

Подключаем стиль.

  #menu {text-align:center;}
  #menu div {display: table;margin: 0 auto;}
  #menu ul {list-style:none;} 
  #menu li {display:inline;}

Комментарии