• ベストアンサー

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

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

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

CSSのみ(スクリプトなし)という意味でしょうか? スクリプトなしのものはそれほど多くはないみたいですが、検索すればそれなりに見つかります。 ざっと検索しただけなので、内容を確認していませんが一応の御参考までに。 (たまに、javascript利用が混ざっていたりしますがご容赦) <CSS紹介 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/

uff-n
質問者

お礼

ありがとうございます!! 助かります!! こちらでもチャレンジしてみようと思いますが、 実は、CSSの編集をすると、どうしても、他へのレイアウトに影響がでてしまっている状況でして、 javascriptで実装できるものを検討したく思います。 javascriptでのドロップダウンなにか、ございませんでしょうか。

uff-n
質問者

補足

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

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

#1です。 >javascriptで実装できるものを検討したく思います。 javascriptのものは探さなくても沢山見つかる(んなことないけど)といってもよいほどありそうです。 ぐぐって見れば、様々なライブラリが見つかると思いますので、そのうちのきちんとしているものなら問題なくいけるのではないでしょうか? 万一を考えれば、使っているクラス名などが重複していないものがよいかも。

すると、全ての回答が全文表示されます。

関連するQ&A

専門家に質問してみよう