• Вроде и разбираюсь, но никак не могу сделать все что мог перепробовал…

    В общем если браузер на весь экран (1650 * 1050) по меню находится ровно по середине.
    http://clip2net.com/s/2ljaI

    Но если окно браузера сделать поменьше или расширение экрана уменьшить то меню смещается влево.
    http://clip2net.com/s/2ljbe

    Вот так… Может кто знает в чем проблема?

    сайт arttime.org.ua

Просмотр 1 ответа (всего 1)
  • Для меню стоит абсолютное позиционирование поэтому делаем так:

    #navigation {
    position: absolute;
    width: 1350px;
    left: 50%;
    margin-left: -675px;
    }

    Там еще стоит

    min-width: 914px;

    Если сильно приблизить изображение по идее меню будет опять сдвигаться.

    1 Можно задать width: в процентах. Например 90%.

    убираем min-width и width

    #navigation {
    position: absolute;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    }

    Тогда проблем с центированием точно не возникнет

    Еще один вариант, по-желанию:

    1 В коде function.php (вроде там) поменять местами создание <div id=»site-title»>
    с меню навигации (wp-nav начинается и т.д., точно не помню) и тогда (position:absolute можно затереть) и оставить только

    #navigation {
    width: 100%;
    }
Просмотр 1 ответа (всего 1)
  • Тема «Пожалуста помогите с позиционированием меню» закрыта для новых ответов.