レイヤーの位置固定ができません

質問

ＨＴＭＬレイヤーがサンプルページのように、ウインドウサイズを変えても
同じオブジェクト（例えばテーブルなど）の下に同じ位置で固定される
やり方を教えてください。
また、フレーム切ったページでも、上記のように同じ位置で表示させるやり方も
お願いしますm(._.)m

サンプルページでは、右上の下矢印にマウスをあてると、下にレイヤーが
表示されます。ウインドウサイズを変えても、ちゃんと題名の下に表示
されます。

サンプルページ（カゴメホームページ）
http://www.kagome.co.jp/

よろしくお願い致します。

回答No.3

duckling · ベストアンサー

> この「画面幅」って言うのはなんなんでしょうか‥

少し誤解を招く書き方だったかも知れませんが
「画面幅」=「ブラウザの横幅」の意味で書きました。

なので、
テーブル幅が変わることがないのであれば、

レイヤーleft = (ブラウザの横幅/2) - (テーブル幅/2)

で、必ず、
テーブルの左端にレイヤーが来るわけです。

さらに
(ブラウザの横幅/2) - (テーブル幅/2)　がマイナスだった場合は、
レイヤーleft を 0　にすると完璧ですね♪

お礼

お返事が、遅れてしまい大変申し訳ありませんでした。
　画面幅＝ブラウザの横幅　ということだったんですね♪

　これでよく分かりました。右側の場合も同様と言うことですよね。

　試してみます。本当に助かりました。ありがとうございました♪

回答No.2

taka2456

<NOBR>
<DIV id="TEST" style="position:absolute;left:100;top:100" onmouseover="show()" onmouseout="hide()">
IR情報
</DIV>
<DIV id="MENU" style="position:absolute;left:100;top:115;visibility:visible">
・財務情報
<BR>
・株主総会のご案内
</DIV>
<NOBR>
<SCRIPT LANGUAGE=JavaScript>
function show(){
document.all.MENU.style.visibility="visible";
}
function hide(){
document.all.MENU.style.visibility="hidden";
}
</SCRIPT>
多分こんな感じでつくればうまくいくと思うのですがどうでしょうか
positionのところがabsoluteになってないのではないでしょうか
他の方の意見も参考にしてください

補足

早々の回答ありがとうござます！
しかし、まだ分からないことが‥

レイヤー位置をleft:100と指定してあるので、ウインドウサイズをかえても、
同じ位置にしかレイヤーが表示されません。

レイヤーをセンタリングした特定のテーブルの下に配置して、ウインドウサイズが
変わるたびに動くテーブルにぴったりとくっついてくるレイヤーの配置方法が
知りたかったのです。

　説明不足ですいませんでした。

回答No.1

duckling

JavaScript ではなく HTML のところで質問している
テーブルをオブジェクトと呼んでいる、というところから、

もしかしたら DynamicHTML の知識は少ないのではないかと
とっても不安ですが、

ベースとなるテーブルの「幅」をあらかじめ決めて「センタリング」し、

(画面幅/2) - (テーブル幅/2)

の位置にメニューを置いたらどうでしょう？
そうしたらWindowサイズを変えても必ず、テーブルの左端にメニューが来ます。

あとは微調整のみ。

補足

回答ありがとうございます。
　さらに、初歩的な質問で申し訳ないのですが、

この「画面幅」って言うのはなんなんでしょうか‥

すいません、教えてください。よろしくお願いします。(゜゜)(。 。 )ペコッ