scrollbar on browser and div margin 0 auto jumping

Question

i am using div#wrapper margin: 0 auto to center the div, there is scroll bar on this page however when it transition to second page where there is no scroll bar

Answer 1

If you don't want to force a Y scroll-bar on every page, you can calculate the margins using view-port width. This stopped the auto jumping for me.

@media (min-width: 960px) {
    .container {
        margin-left: calc(50vw - 480px);
        width: 960px;
    }
}