ページの中央に配置された絶対配置の div の例があります。
HTML
<div id="test1"><img src="http://www.interactivepixel.net/images/i01.jpg" width="500" height="333"/></div>
CSS
#test1{
position:absolute;
top:50%;
left:50%;
width:500px;
height:333px;
margin-top:-166px;
margin-left:-250px;
}
これは、ブラウザウィンドウを縮小してスクロールバーが表示されるまでうまく機能し、スクロールバーを使用しても画像の左側と上部が失われ、中央揃えのように画像の左側と上部をスクロールできませんもう働かない。
何故ですか?