ベストアンサー

画像を最下段や右端等の位置に％指定で表示したい

2002/08/11 22:54

ページのサイズが変わっても何時も同じ比率の位置に表示したいので％で位置指定をすれば良いのかと思い<DIV STYLE="position:absolute; top:100%;"> とすると画像の上側が最下段になり画像が見えません。left:100%の場合も同じですが、100%にすると画像の最下段がヘージの最下段や右画像の右端がページの右端にきたり、50%,50%にすれば画像のセンターがページのセンターに来たりページの任意の位置に％指定で表示出来るようなタグの書き方は無いのでしょうか。お教えください。

seiya26
お礼率14% (2/14)

CSS
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

taka2456
ベストアンサー率29% (36/122)

2002/08/19 01:06 回答No.2

タグでのやり方はわかりませんがCSSとJavaScriptを組み合わせてできると思います <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function GO(){ winWIDTH=document.body.clientWidth; //ウィンドウの横幅 winHEIGHT=document.body.clientHeight; //ウィンドウの縦幅 //横の５０％に指定 document.all.TEST.style.posLeft=winWIDTH*0.5; //縦の90%に指定 document.all.TEST.style.posTop=winHEIGHT*0.9; } </SCRIPT> </HEAD> <BODY onLoad="GO()" onResize="GO()"> <DIV id="TEST" style="position:absolute;"> <IMAGE src="画像のURL"> </DIV> </BODY> onLoadはページが読み込まれたときの処理 onResizeはウィンドウサイズが変更されたときの処理実際にはdocument.all.TEST.style.posLeftやdocument.all.TEST.style.posTopを増減して微調整してください例)document.all.TEST.style.posLeft=winWIDTH*0.5+3;