Vertical Align Two Divs

Question

Новое во всем веб-программировании.

Я пытаюсь вертикально выровнять два разделителя оболочки так, чтобы они находились посередине страницы, независимо от браузера. Веб-сайт можно найти здесь: www.armedwithreason.com/massshooting

Я искал десятки руководств по этому самому вопросу и не могу заставить ничего работать. Есть идеи?

Answer 1

Вы установили width и height на этих двух DIV, то вы можете использовать этот код:

.wrapper { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: -170px; 
    margin-left: -300px; 
} 
.wrapper2 { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: 150px; 
    margin-left: -300px; 
} 

С top: 50%; left: 50%, вы положили верхний левый угол Div в середине, то вы изправлены его положение с положительными/отрицательными полями.

JsFiddle (основные один с вашим собственным стилем)