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

Question

[Discout]

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

P.S. Привёл бы пример кода, но пока экспериментировал с позиционированием, удалил основной файл вёрстки за день, так что могу показать только часть макета, который нужно сверстать.
Нужно, чтобы блок "HEADER" залезал на баннер выше. И чтобы блок не сжимался, пока окно не будет размером меньше, чем сам блок. Здесь и начинаются проблемы.

Answer 1

[Александр]

.block {
position: absolute;
left: 50%;
width: XXXpx;
margin-left: -(XXX/2)px;
}

Comments

[Александр]

если ширина заранее не известна, то с вложенным блоком

blablabla

.holder {
position: absolute;
left: 0px;
right: 0px;
width: 100%;
text-align: center;
}
.holder>.block {
display: inline-block;
outline: 1px solid red;
}

[Александр]

[div class"holder"]
.....[div class="block]blabla[/div]
[/div]

съело теги...

[Discout]

Спасибо. Но если я правильно всё сделал, то надо бы ещё, чтобы блок был резиновый. Это возможно сделать? codepen.io/Discout/pen/nGhjl

[Александр]

.block1 {
position: relative;
width:auto; <==================
height: 500px;
background: #ccc;
margin: auto;
}
так получается резиновое

[Discout]

Большое спасибо!

Answer 2

[deleted-tnorman]

.toCenter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

Comments

[Вика Мармеладка]

Спс!

[TetianaBron]

Спасибо!!!