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

Статус
В этой теме нельзя размещать новые ответы.

spro1

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

заранее спасибо!
 
Создаём псевдо-блок, которому задаём позицию top: 50%;, затем через margin сдвигаем наш блок на половину высоты в верх... Это по высоте...
По ширине всё просто: margin: 0 auto;
 
может я что-то не понимаю, но 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%;
}
}

извините что изначально не совсем полностью объяснил задачу
 
Вот Для просмотра ссылки Войди или Зарегистрируйся. Больше ничего не нужно)

Если лень переходить:

.header_wrap {
height: 100px;
position: fixed;
left:50%;
transform: translateX(-50%);
}

И вот полезная ссылочка всем выравнивающим Для просмотра ссылки Войди или Зарегистрируйся ))
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху