100％の高さでdivの垂直方向の整列img

Question

私は100％の高さでdivの画像を垂直に整列する方法を見つけようとしています（高さは分かりません）。

私はこのHTMLを持っています。私はより多くのラッパーを追加する以外HTMLで多くを行うことはできません。

<div id="wrapper"> 
    <img src="http://www.lovecpokladu.cz/nalezy/9687/5.jpg" alt="" /> 
</div>​ 

そして、これはかなり固定CSS - プライマリー私は画像がすべてのブラウザではないオーバーフローブラウザのウィンドウを行うことを達成する必要があります。

#wrapper { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background: #ddd;   
} 
img { 
    max-width: 100%; 
    max-height: 100%; 
} 

http://jsfiddle.net/2nkVm/

ありがとうございます！

Answer 1

はこれを試してみてください：

http://jsfiddle.net/2nkVm/3/

Answer 2

$(document).ready(function() { 
    positionImage(); 
    $(window).resize(function() { 
     positionImage(); 
    }); 
}); 
function positionImage() { 
    var wrapperHeightOffset = $('#wrapper').height() - $('#wrapper img').height(); 
    var wrapperHeightOffset = wrapperHeightOffset/2; 
    $('#wrapper').css('paddingTop', wrapperHeightOffset + 'px'); 
}