DIV не позиционирует горизонтально

Question

Im не получая мой элемент формы в положение горизонтально в центре вот мой код

$('.form') 
.css('top', window.screen.availHeight/2 - $('.form').height()/2) 

Answer 1

Установка верхнего свойства с CSS не будет влиять на горизонтальную позицию элемента.

Установка top (или left для горизонтального позиционирования) не будет иметь эффекта, если положение элемента установлено на static, что является значением по умолчанию.

Try положение абсолютного вместо:

.form { 
    position: absolute; 
    top: 100px; 
} 

Answer 2

Во-первых, убедитесь, что он position: absolute;, как @Douglas указывает. Прошлое, вы выбираете экран , как и на весь монитор, а не в окне браузера. Вместо window.screen.availHeight, вы, вероятно, просто хотите $(window).height(), как это:

$('.form').css('top', $(window).height()/2 - $('.form').height()/2); 

You can test it out here.