Центрирование горизонтального списка.

Раньше я использовал центрирование меню с подключением стиля для 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;}

Вы можете сослаться на эту статью:
http://www.rantiev.com/%d1%86%d0%b5%d0%bd%d1%82%d1%80%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b3%d0%be%d1%80%d0%b8%d0%b7%d0%be%d0%bd%d1%82%d0%b0%d0%bb%d1%8c%d0%bd%d0%be%d0%b3%d0%be-%d1%81%d0%bf%d0%b8%d1%81%d0%ba/trackback/

Комментарии

Разделы