Поддержка Проблемы и решения Динамический отступ от админ-панели

  • Для сайта задан отступ сверху с помощью margin-top. Как сделать, чтобы отступ менялся при появлении админ-панели, а то в этом случае отступ считается уже не от края браузера, а от админ-панели?

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • margin-top отталкивается от верхнего элемента, а не от «края браузера». и то, что отступ считается от админ-бара абсолютно правильно и корректно — иначе бы админ-бар закрывал бы верх кучи сайтов, у которых нет margin-top в хидере.

    Так я и не спорю, что сейчас отступ считается правильно. Как сделать, чтобы он считался «неправильно»?

    
    body.admin-bar {margin-top:-30px;}
    

    В этом случае админ-панель уезжает вверх и становится невидимой, но отступ сайта остается в первоначальном виде.
    Я еще допустил ошибку в шапке темы. Не margin-top, а padding-top.

    • Ответ изменён 5 лет, 5 месяцев назад пользователем dmitriy88.

    ну так ставьте не отрицательное значение, а нулевое.

    Так оно и так по умолчанию нулевое.

    ну как оно может быть нулевым, если вы сами русским языком сказали, что задаете с помощью него отступ сверху?

    я вообще не понимаю, чего вы хотите.
    как обратиться к body при наличии админ бара я вам показал — что вам еще надо то? или вы совсем с css не дружите?

    Я думал вы пытаетесь задать отрицательный отступ не для body, а для админ-бара.
    Отступ для сайта задан не в body. Структура такая: сначала идет body, затем идет класс .wrapper, для которого и задан отступ, а админ-бар располагается по структуре ниже wrapper’ом.
    body
    (tab).wrapper
    (2 tab’a)#wpadminbar

    • Ответ изменён 5 лет, 5 месяцев назад пользователем dmitriy88.

    а какая разница то?

    admin bar опускает весь контент body вниз, мой код этот контент поднимает обратно. это то, что вы хотели — так в чем проблема?

    admin bar вообще-то в футере выводится, но у него фиксированная позиция.

    Прошу прощения. Я забыл, что при наличии админ-бара в body добавляется класс .admin-bar. Думал, что нужно колдовать с #wpadminbar’ом.
    Все сработало, спасибо.

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Динамический отступ от админ-панели» закрыта для новых ответов.