「これはヤバかったな」という遅刻エピソード

IE8では機能していたプルダウンメニューが、IE9で見るとメニューが開いた状態で表示されるようになりました。このプルダウンメニューのソースは、ほかのサイトからコピーいして使用していたものです。
どなたかIE9で使えるプルダウンメニューのソース、またはそれに代わる方法が分かる方がいらっしゃいましたら、教えて下さい。

A 回答 (2件)

その「プルダウンメニュー」とはスクリプトで実装されたものですか?それとも単にselectタグを使用したものでしょうか。



IE9での問題は分かりませんが、selectタグの場合size属性を2以上に設定するとリストになるようです。
<select name="example3" size="1">
<option value="サンプル1">選択肢のサンプル1</option>
<option value="サンプル2">選択肢のサンプル2</option>
</select>

スクリプトで実装するのでしたら下記サイトを参考にすると良いのではないでしょうか。
http://allabout.co.jp/gm/gc/23911/
    • good
    • 0
この回答へのお礼

HTML初心者です。ホームページビルダーをベースに、とあるサイトで見つけたソース(TIME)をコピーしてプルダウンの目的を達成できていたのに、IE9ではメニューがオープンしたまま見えるようになりました。
アドバイスを参考にして、やってみます。また行き詰ったら質問に来ます。
ありがとうございました。

お礼日時:2012/03/25 10:32

ということは、他のモダンブラウザでは全滅かな??



★ドロップダウンメニューを作るこのCSSどこが変? - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7229595.html )
 のような感じで作成すると良いでしょう。ナビゲーションリンクですからHTMLは、
__<div class="nav"><!-- ナビゲーションはnav -->
____<ul>
______<li><a href="/">TOP</a></li>
______<li class="botanA"><a href="./profile">会社情報</a>
________<ul>
__________<li><a href="./profile/index.html">会社概要</a></li>
__________<li><a href="./profile/office.html">営業所</a></li>
________</ul>
______</li>
______<li><a href="./B">Bボタン</a></li>
______<li><a href="./C">Cボタン</a></li>
______<li><a href="./D">Dボタン</a></li>
______<li><a href="./E">Eボタン</a></li>
____</ul>
__</div>
タブは_に置換してあります。
 HTMLには、文書構造だけ記述します。

 あとはスタイルシートで・・・
    • good
    • 0
この回答へのお礼

HTML初心者です。ホームページビルダーをベースに、とあるサイトで見つけたソース(TIME)をコピーしてプルダウンの目的を達成できていたのに、IE9ではメニューがオープンしたまま見えるようになりました。
アドバイスを参考にして、やってみます。また行き詰ったら質問に来ます。
ありがとうございました。

お礼日時:2012/03/25 10:33

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報