別のdiv内のdivと％-heightの垂直方向の整列

Question

可変の高さを持つ別のdivに配置されているdivを真ん中で垂直に整列させるにはどうすればよいですか？例えば

：

#content { 
    min-height:450px; 
    margin-top:0px; 
    padding-top:0px; 
    border-bottom:1px solid #c9e3f3; 
    margin-bottom:0; 
    overflow:hidden; 
} 

#content .background { 
    width:100%; 
    min-height:450px; 
    position:relative; 
    left:0px; 
    top:0px; 
    z-index:-2; 
} 

#inside { 
    position:absolute; 
    height:200px; 
    width:200px; 
    right:-18px; 
    top:50%; // doesn't work 
} 

    <div id="content"> 
    <img class="background" src="/background.jpg" alt="background" /> 
    <div id="inside">text 
    </div> 
    </div> 

#contentは450pxの最小高さを有しているが、実際のgetが#contentに配置されている画像（【選択図】図）から（変数）の高さです。ない場合は、「相対」をしようと、絶対に動作するはずです：

Answer 1

このお試しください：マージントップ

#inside{ 
    position:absolute; 
    height:200px; 
    width:200px; 
    top:50%; 
    margin-top:-100px; 
} 

は、センタリングを修正する必要があり、その位置は。