CSS Размер экрана

Question

На моем сайте я работаю над новой страницей. Когда я просматриваю его на большем экране, поле находится слева. Я стараюсь, чтобы все было в порядке.

CSS:

.contactbox { 
    width: 200px; 
    height: auto; 
    margin-left: 400px; 
    left: 400px; 
    padding: 12px 
    background-color:#F5F5F5; 
    border: 1px solid #9C9C9C; 
    text-align: left; 
    box-shadow: 2px 2px 7px 2px #DBDBDB; 
    -moz-box-shadow:2px 2px 7px 2px #DBDBDB; 
    -webkit-box-shadow:2px 2px 7px 2px #DBDBDB; 
} 

Answer 1

Вместо использования margin-left: 400px; использования margin: 0 auto;. Это автоматически сделает левое и правое поля равными, центрируя div.

EDIT:

Move он 400px влево так:

.contactbox { 
    margin: 0 auto; 
    // Allow it to be moved relative to its original (centered) position 
    position: relative; 
    // Move to the left (left means the left edge not the direction of movement) 
    left: -400px; 
}