Выравнивание Moo Menu по центру

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем japanese_mouse, 30.05.2011.

  1. Offline

    japanese_mouse Недавно здесь

    Регистрация:
    30.05.2011
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Добрый день, такая проблема:
    На сайте есть главное горизонтальное меню. По умолчанию оно выравнивается по левому краю, независимо от того сколько пунктов меню создано. В конце же остается некрасивый никому не нужный огрызок, избавиться от которого я не могу (в силу своей безграмотности). За выравнивания этого самого меню отвечает (вроде бы как):

    #ja-cssmenu {
    margin: 0; /* all lists */
    padding: 0;
    float: left;
    }
    Проблема в том, что float невозможно выровнять по центру. Если значение поставить right, огрызок соответственно переезжает влево. Думал избавиться от огрызка добавив пикселей в padding:

    #ja-cssmenu li a {

    display: block;
    text-decoration: none;
    line-height: 32px;
    padding: 0 32px;
    color: #C3DBED;
    font-size: 100%;
    font-weight: bold;
    border-right: 1px solid #2B6484;
    }

    Пиксели добавились, но место все равно остается. Стоит поставить значение 33 px и некоторые пукты меню просто переезжают на следующую строку, не помещаясь на первой. Да и еще и кроссбраузерность, чтоб ее..., так просто не угадаешь.
    Задача же состоит в том, чтобы или вообще огрызок убрать и выровнять соответственно меню по центру экрана, пусть оно даже будет немного короче логотипа и тела или разделить огрызок на две части, чтобы по небольшому кусочку было справа и слева, а пункты меню, соответственно, выровнялись по центру, а не по правому или левому краю.
    Очень прошу вашей помощи по этому делу.
    [​IMG]
     
  2.  
  3. Offline

    TroL специалист

    Регистрация:
    01.03.2011
    Сообщения:
    502
    Симпатии:
    34
    Пол:
    Мужской
    есть еще и такое позиционирование как маргин, для того что бы центрировалось надо margin:0 auto;
     

Поделиться этой страницей

Загрузка...