горизонтальное центрирование

Question

вот эта страница: http://aevm.ca/fond2.html

когда я использую этот css: он выровнен по левому краю и вершина в нуле

#center {
    height: 100%;
    width: 960px;
    position: absolute;
    background-color: #FF0;
    top: 0px;
    margin-right: auto;
    margin-left: auto;
    }

когда я использую этот css: это по центру и верхна 10-20 пикселей (ПОЧЕМУ?)

#center {
        height: 100%;
        width: 960px;
        position: relative; (the only difference)
        background-color: #FF0;
        top: 0px;
        margin-right: auto;
        margin-left: auto;
        }

Как я могу получить верхнюю позицию и горизонтальный центр?

Answer 1

Используйте position: relative на #center.

Это строка 16 вашего исходного кода:

<script src="jquery.backstretch.min.js" .. ></script><br>

Избавьтесь от подлый <br>: D

Answer 2

Если позиция relative, вы должны ввести margin-top:0; Попробуйте это;

#center {
        height: 100%;
        width: 960px;
        position: relative; (the only difference)
        background-color: #FF0;
        margin: 0 auto;
        }