Как зафиксировать колонку по центру вне зависимости скроллбара?

Question

[Алексей Черток]

Добрый день.

Есть два контейнера:

<header class="topPage" style="width:100%;height:50px;position:fixed;top:0;left:0;">
    <div class="wrap" style="margin:0 auto;width:860px;">
    </div>
</header>

<section class="centerPage" style="width:100%;position:relative;padding-top:50px; display:inline-block">
    <div class="wrap" style="margin:0 auto;width:860px;">
    </div>
</section>

Как зафиксировать все по ровно по центру, что бы когда появлялся скролл у страницы - она не прыгала влево? По примеру как сделано на сайте вконтакте.ру.

У них если есть/нету скролла страница по центру недвижима. Кто может помочь? Может кто то знает это можно реализовать.

Заранее спасибо.

Answer 1

[Виталий Киренков]

body { overflow: scroll;}

Comments

[Алексей Черток]

Не пойдет. Надо что бы скрола не было видно когда его нет.

[Виталий Киренков]

ВКонтакте скриптом жёстко проставляется ширина контейнера, то есть обёртки.

[Виталий Киренков]

Для того, чтобы это понять, просто нужно открыть FireBug...

Answer 2

[evnuh]

Попробуйте не margin а padding сделать

Comments

[Алексей Черток]

Не совсем понял ?