style="positionについての質問

こさっく 1999/06/09(水) 00:43:49
DHMLとスタイルシート勉強中です。
<div id="Layer1" style="position:absolute; left:100px; top:50px; width:10px;height:10px; z-index:1">
<a href="dummy.html"><img src="image.gif" name="image1" width=10 height=10 alt="image1" border=0"></a></div>
これはウィンドウ左上に対して絶対的な場所に画像を置くことができました。
それに対して、リサイズしても常に右端とか中央に画像があるようにするには
どうすればよいのかが...どーしても分かりません。
ひょっとしてできないのでしょうか？

こさっく 1999/06/09(水) 00:45:30
すみません　タイトルは
style="position～について
の間違いで、あとborder="0"の"が抜けてました。

Nobu3 1999/06/09(水) 01:47:53
パーセント指定をすればできると思います。
少なくともリサイズには反応してくれます。

top: 50%; left: 50%;

sekita 1999/06/09(水) 09:17:09
ウィンドウの幅は
ＮＮ：window.innerWidth
ＩＥ：document.body.offsetWidth
であらわされます。したがって表示したいものの幅がyとすれば
ポジションｘは
ｘ= (window.innerWidth - y)/2 (NNの場合）
ＮＮとＩＥを区別して書かなければなりませんがそのへんは勉強されているようなので
大丈夫でしょう。
WidthのところをHightに変えれば画面のたかさになります。
ＮＮではリサイズしたときに画面が壊れますがその回避方法が
わからなければまた質問してください。

[上に] [前に] [次に]