Как выровнять фиксированный блок по центру

Тема в разделе "Верстка", создана пользователем spro1, 21 сен 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. spro1

    spro1

    Регистр.:
    26 май 2013
    Сообщения:
    167
    Симпатии:
    68
    Здравствуйте! помогите пожалуйста советом
    есть фиксированный блок, который должен быть выровнен по центру страницы, при этом блок не имеет фиксированной ширины (для адаптивности). Когда блок имеет position: relative; вопросов нет, но необходимо именно fixed

    заранее спасибо!
     
  2. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.036
    Симпатии:
    2.040
    Создаём псевдо-блок, которому задаём позицию top: 50%;, затем через margin сдвигаем наш блок на половину высоты в верх... Это по высоте...
    По ширине всё просто: margin: 0 auto;
     
  3. spro1

    spro1

    Регистр.:
    26 май 2013
    Сообщения:
    167
    Симпатии:
    68
    может я что-то не понимаю, но margin: 0 auto; не будет работать с position: fixed;
    вот что пришло в голову: когда ширина экрана больше максимальной ширины блока - блок выравнивается по центру
    Код:
    .header_wrap {
        height: 100px;
        left: 50%;
        margin-left: -480px;
        max-width: 960px;
        position: fixed;
        width: 100%;
    }
    дальше если ширина экрана меньше ширины блока:
    Код:
    @media screen and (max-width: 960px) {
    .header_wrap {
        left: auto;
        margin: 0 auto;
        width: 100%;
    }
    }
    извините что изначально не совсем полностью объяснил задачу
     
  4. guru31337

    guru31337 Постоялец

    Регистр.:
    8 сен 2012
    Сообщения:
    60
    Симпатии:
    28
Статус темы:
Закрыта.