レイヤーの位置を固定する方法

質問

メニューにマウスをのせたら、その下にサブメニューが表示されるようにしたいと思っています。
（TOYOTAの2階層目以降のような感じです）

Flashは使わずレイヤーで作っているのですが、ブラウザを全画面に大きくして見るとちゃんとした位置に表示されていても、小さくするとレイヤーの部分が右にずれてしまうのです。

メニューボタンの下にそれぞれレイヤーを作っており、タグは<div>を使用しています。
また、Dreamweaver8を使っていて、レイヤーの左・上からの位置を適当にpxで指定しています。

常に同じ場所にレイヤーが表示されるようにするには、どうしたらいいのでしょうか。
わかりづらいかと思いますが、よろしくお願いいたします。

回答No.1

quads · ベストアンサー

> Flashは使わずレイヤーで作っているのですが、ブラウザを全画面に大きくして見るとちゃんとした位置に表示されていても、小さくするとレイヤーの部分が右にずれてしまうのです。
実際に作成されたものを提示していただかないと検証のしようがありません。

> 常に同じ場所にレイヤーが表示されるようにするには、どうしたらいいのでしょうか。
レイヤーというものが何を指すのか不明確ですが、position関連プロパティを用いることで実現可能なように思います。

お礼

ありがとうございます。
お教えいただいたように、「position」をabsoluteからrelativeに変えて、ブラウザを見ながら調整したところ、うまくいきました。
助かりました。

回答No.3

ICHI-yan

すいません、用語が頭の中で誤変換してしまいました
プルオーバー　×
プルダウン　　○
マウスオーバーと混じってしまいました。お詫びして訂正します。

お礼

どうもありがとうございました。

回答No.2

ICHI-yan

ご希望のメニュー形式を、ドロップダウンメニューとかプルオーバーメニューとかいいます。

その検索用語で調べられると、やり方がいっぱいでてきます。レイヤーが何をさすのかがわかりません。オンマウスでサブメニューがずれるということは、オンマウス部と一体化ができていないのかなと思います。

ソースを出すなり、作りかけのページを見せていただくなりしないと、抽象的なアドバイスしかできないです。