html - Vertically centering a div -

thiv.net/mobile needs work on mobile, , does, when turn ipod vertical, changes drastically, problem need whole lot, textbox, button , image centered vertically, or change on rotate. think centering div vertically best option, css use?

currently have tried:

.center { position:absolute top:40%; bottom:40%; height:20%; } 

but doesn't work, maybe should centered after rotating? ideas?

try following css :

.center { width: 100px; height: 100px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto;  } 

you can follow link of stack-overflow : best way center <div> on page vertically , horizontally?