cssによるプルダウンメニューの不具合

宜しくお願いします。

フリーのcssをカスタマイズ使用してプルダウンメニューを作っていますがうまくいきません。便宜上、外部スタイルを内部に記述しています。

製品紹介のボタンだけがプルダウンです。

（ケースA）
http://nasu-exnet.info/pull-down2.html

DIV#menu{
top:;
left:;
width:100%;
position:absolute;
z-index:100;
}

こちらは、position:absolute;を入れています。これを入れるとボタンの位置がずれてしまいます。

（ケースB）
http://nasu-exnet.info/pull-down1.html

DIV#menu{
top:;
left:;
width:100%;
123position:absolute;
z-index:100;
}

こちらは、position:absolute;を無効にしてあります。ポジションは敵適正位置になりますが、プルダウンすると、全体がずれてしまいます。

どうすれば、適正位置でなおかつプルダウン時にずれなくなるでしょうか？

宜しくお願いします。

No.1 回答者： naokita 回答日時： 2006/11/19 03:49

ちょっと面倒なサイトになりそうな予感。

とりあえず、プルダウンメニューは一時置いておいて・・・

手っ取り早くＢの方法と言うか、そんな感じで・・・
テーブルの高さを指定し
女性の画像を背景にする（メニュー部に被らないように）
メニュー枠セルの高さを広く指定しておく
テーブル内に次のセルも作り高さ指定はしない。

ズレは無くなるはずですが、
それからプルダウンメニュを見直して下さい・・・
ＣＳＳも見直したほうがいいと思いますよ。

この回答へのお礼

アドバイスありがとうございます。
アドバイスの様な方法も試してみます。
また、同時にcssの問題点やjavaのプルダウンも調べてみます。

お礼日時：2006/11/19 07:26