If I get what you are asking and you want the outer div to fill up the whole window and the inner div to be in the center of the outer div.
You could try something like this (Testing in Chrome):
html, body {
height:100%
}
.outer {
background-color: red;
height:100%;
}
.inner {
background-color: yellow;
position:relative;
top:50%;
width:50%;
transform:translateY(-50%);
margin: auto auto auto auto;
}
<!--
<div name="outer" class="outer">
<div name="inner" class="inner">put your contents here ...</div>
</div>
You can remove the background-color, they are only for show.
Here is the fiddle:
http://jsfiddle.net/yPMVJ/71/[
^]
Here is the link to the vertical align technique:
http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/[
^]