div сцентрированный, но также фиксированный

Question

Я знаю, что его возможная веб-игра (травиан) делает это. то, что я пытаюсь сделать, это есть DIV, скажем, 800 ширина, что делает 2 вещи:

Во-первых: если браузер более 800 пикселей в ширину на себя дайв-центров в браузере (это я выяснил)

Во-вторых, если я перетащил окно браузера на меньшее, мой div прокручивается с левой стороны страницы. Я хочу, чтобы он не проходил мимо левой стороны (0px) страницы, когда страница меньше 800.

Травиан делает это, но я не могу понять это, поэтому любая помощь будет оценена.

это центры мой ящик, но при изменении размера браузера, отрезает левую сторону (позволяет ему перемещаться мимо левого края браузера)

#NavBar { 
    position: absolute; 
    width: 425px; 
    margin:0 -225px 0 -225px; 
    height: 70px; 
    z-index: 4; 
    left: 50%; 
    min-width: 425px; 
    top: 15px; 
    color: white; 
} 

Answer 1

Попробуйте этот CSS

.div-class{ 
width: 800px; 
height:400px; 
margin:0 auto; 

} 

Answer 2

Preview:http://jsfiddle.net/PJC4a/1/embedded/result/ (попробовать окно изменение размера)

Код:http://jsfiddle.net/PJC4a/1/

.box { 
    width: 800px; 
    height: 400px; 
    background-color: blue; 
    margin: auto; 
} 

Это один из трюков, которые можно использовать для центрирования div горизонтально, используя только css.