cssでのドロップダウンメニューについて

質問

いつもお世話になっております。

すみません。。。
下記URLのテンプレートを使用して、かつ、ヘッダーのタブメニューに、プルダウンメニュー
（タブにマウスオーバーすると、ドロップダウンでメニューが表示）を導入をこころみて
いますが、どうしても、IE系（6,7,8）とFireFox系（３）で、表示が大幅にづれてしまいます。
なんとか、ドロップダウンのメニューのサンプルをご教示いただけませんでしょうか。
http://matthewjamestaylor.com/blog/ultimate-1-column-full-page-pixels.htm

回答No.1

fujillin · ベストアンサー

CSSのみ（スクリプトなし）という意味でしょうか？
スクリプトなしのものはそれほど多くはないみたいですが、検索すればそれなりに見つかります。

ざっと検索しただけなので、内容を確認していませんが一応の御参考までに。
（たまに、javascript利用が混ざっていたりしますがご容赦）

＜ＣＳＳ紹介 or 配布サイト＞
　http://www.cssplay.co.uk/menus/final_drop.html
　http://coliss.com/articles/build-websites/operation/css/662.html
　http://www.cssplay.co.uk/menus/drop_examples.html
　http://www.cssplay.co.uk/menus/final_drop3.html
　http://coliss.com/articles/build-websites/operation/css/css-tutorial-pure-css-dropdown-menu-by-venturelab.html

＜作成方法解説付き＞
　http://journal.mycom.co.jp/articles/2010/03/24/css/index.html
　http://aext.net/2009/12/incredible-drop-down-menu-solution-with-css-only/
　http://www.htmldog.com/articles/suckerfish/dropdowns/
　http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/

お礼

ありがとうございます！！

助かります！！

こちらでもチャレンジしてみようと思いますが、
実は、CSSの編集をすると、どうしても、他へのレイアウトに影響がでてしまっている状況でして、
javascriptで実装できるものを検討したく思います。

javascriptでのドロップダウンなにか、ございませんでしょうか。

補足

あと、もしできますならば、
http://matthewjamestaylor.com/blog/ultimate-1-column-full-page-pixels.htm
から、ドロップダウンメニューを適用し、IE/Firefox両方で動作するコードがあると
非常に助かります。

回答No.2

fujillin

#1です。

＞javascriptで実装できるものを検討したく思います。
javascriptのものは探さなくても沢山見つかる（んなことないけど）といってもよいほどありそうです。

ぐぐって見れば、様々なライブラリが見つかると思いますので、そのうちのきちんとしているものなら問題なくいけるのではないでしょうか？
万一を考えれば、使っているクラス名などが重複していないものがよいかも。