How to fix a column in the center regardless of the scrollbar?

Question

css

Good afternoon.

There are two containers:

<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>

How to fix everything exactly in the center, so that when a page scroll appears, it does not jump to the left? Following the example of how it was done on the site vkontakte.ru.

If they have / do not have a scroll, the page in the center is motionless. Who can help? Does anyone know if this can be implemented.

Thanks in advance.

Answer 1

body { overflow: scroll;}

Answer 2

Try to do not margin but padding