Пожалуста помогите с позиционированием меню

  • wirus140

    (@wirus140)


    12 лет, 6 месяцев назад

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

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

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

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

    сайт arttime.org.ua

Просмотр 1 ответа (всего 1)
  • IONEX

    (@ionex)

    12 лет, 6 месяцев назад

    Для меню стоит абсолютное позиционирование поэтому делаем так:

    #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)
  • Тема «Пожалуста помогите с позиционированием меню» закрыта для новых ответов.