Центрирование горизонтального меню


Иногда надо отцентрировать горизонтальное меню построенное на блочных плавающих элементах... 

И конечно же не хочется использовать для этого таблицы и тут пригодится метод отрицательного отступа.

Для реализации понадобится добавить 2 обрамляющих блока. 

  • первому задается ширина блока;
  • второму задается положительный 50%-й отступ слева и указывается position: relative;
  • для списка (ul к примеру) указывается отрицательный 50%-й отступ слева и указывается position: relative;
  • для всех элементов списка указываем float: left;

Пример: http://www.mauzon.com/?p=87

  • Digg
  • del.icio.us
  • Facebook
  • В закладки Google
  • FriendFeed
  • LinkedIn
  • MySpace
  • Twitter
  • Google Buzz
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • БобрДобр
  • Добавить ВКонтакте заметку об этой странице

,

  1. Пока нет комментариев.
(никто не узнает)