Question

Possible Duplicate:
How can I vertically center text in a dynamically high div?

How to vertically center div with dynamic height and 100% width in browser window?

<div class="login-signup-page">
<div class="login-signup"></div>
</div>

where login-signup has 100% width and dynamic height

Answer 1

Kolink is indeed correct, but it doesn’t take much work. All it takes is some clever CSS and JavaScript (I used jQuery in my example below) to make it work.

<div class="login-signup-page">
<div class="login-signup">Sample Text</div>
</div>​

.login-signup-page {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:grey;
}

.login-signup {
    width:100%;
    background:white;
    position:absolute;
    top:50%;
}
​

$(document).ready(function() {
   $('.login-signup').css('margin-top', -$('.login-signup').outerHeight() + 'px'); 
});​

Demo