2007年10月22日

クライアント領域の中心(中央)に画像を表示する

ブラウザのクライアント領域(表示領域)中央に背景画像を表示するのは簡単である。
CSSで"background-position:center;"とすればよい。
画像を背景でなく imgタグで中央に配置するにはどうするか。といってもそんな必要性はほとんどないのだが。

<div style="position:absolute;left:50%;top:50%;"><img src="画像URL" border=0 width="px" height="px" style="position:relative;left:-W/2px;top:-H/2px;""></div>
<div style="position:relative;left:0;top:0;"> 後続記述...(略) </div>

これでいけるかな。


左上の青い画像は背景画像。中央の赤い画像がイメージタグで貼り付けた画像。
posted by localghost at 19:29| WEB(HTML,CSS,Javascript,DHTMLなど)