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

Как правильно выровнять горизонтально по центру блок у которого позиционирование задано абсолютно?
По идее можно задать left и right по 50%, но тогда блок будет уменьшатся сразу, как начну уменьшать окно браузера.
Если задать left и right значение 0, то в браузере IE блок клеится к левой стороне, а не по центру.

P.S. Привёл бы пример кода, но пока экспериментировал с позиционированием, удалил основной файл вёрстки за день, так что могу показать только часть макета, который нужно сверстать.
Нужно, чтобы блок "HEADER" залезал на баннер выше. И чтобы блок не сжимался, пока окно не будет размером меньше, чем сам блок. Здесь и начинаются проблемы.
e2c346bb8874f5d17ed5fa61a253f048.png
  • Вопрос задан
  • 25269 просмотров
Решения вопроса 1
.block {
position: absolute;
left: 50%;
width: XXXpx;
margin-left: -(XXX/2)px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
deleted-tnorman
@deleted-tnorman
.toCenter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы