![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
ホームページ制作を始めて間もない初心者です。
現在プルダウンメニューの設置でつまずいています。
<select name="select">
<option value="1">質問</option>
<option value="2">説明</option>
</select>
こんな感じのプルダウンメニューを作ったのですが、IEではちゃんと表示されるのですが、FIREFOXだと、なんと表現したらいいのか・・・表示枠が詰まってというか食い込みというか、上記例で、【質問】と表示されるべきところが【 問】のところがちゃんと表示されず部分的に隠れてしまっている状態です。
いろいろ単語を変えたりして検索にかけてみたのですが、FIREFOXでちゃんと表示されるようにする解決法にたどり着けません。お知恵をお貸しください。
No.1ベストアンサー
- 回答日時:
提示されたコードだけを見ても、差異の原因を示唆する様なものはありません。
念の為に試してみましたが、私の閲覧環境でのFirefox(ver.2.0.0.12、OSはWindows XP)では別に質問者様のおっしゃる様な現象は起きず、IE6と同様に表示されます。問題は別の部分にあると考えてよいでしょう。CSSで妙なwidthやfont-sizeを指定されていたりしませんか?あるいは前後のHTMLコーディングに何らかの文法ミスがあってそれに巻き込まれてしまっているとか。IEはとかく文法ミスに対する解釈が緩いので、まともに見えている事自体が間違っている場合もあります。
もう少し、全体像がわかる様に補足してください。質問者様の環境もわかりませんし(Firefoxと言っても、ヴァージョンはいくつか、どのプラットフォームで見ているのか、という事で異なる部分もありますから)。
abrilさん本当にありがとうございました。解決しました。
一個ずつCSSを消していったら原因は、cssのpadding:0;でした。
*{
margin:0;
padding:0;
font-size:100%;
text-decoration:none;
list-style:none;
}
参考書を元に作っていたので、cssに原因があるとは、全く気にも留めていませんでした。盲点でした。
それと
<select name="select">
<option value="1">質問</option>
<option value="2">説明</option>
</select>
とだけやればすべての人がそういう現象になると思い込んでいたので検証していませんでした。すみません。
環境(windowsxp firefox2.0.0.12 ie7)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- その他(プログラミング・Web制作) セレクトボックスで選択された値をコントローラーで使用したい 2 2022/07/26 16:41
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
<SELECT>タグの折り返し
-
セレクトメニューで2つの項目...
-
テーブル内でドロップダウンメ...
-
同じものを繰り返し表示させる
-
セレクトボックスの内容を中央寄せ
-
複数列を持ったリストボックス...
-
SELECT OPTIONの中身をコピペ...
-
セレクトボックスのselected属...
-
Fire fox の 文字化けを解消...
-
インラインフレーム内へのリンク
-
折りたたみ式メニューの作り方
-
optionのselectedは更新時は効...
-
セレクトボックスの文字
-
Application.ScreenUpdating = ...
-
JSONで文字列が長い時
-
実行時エラー 3020の対策
-
FindFirst を複数条件で検索
-
VBAでPDFのコピーとリネームを...
-
malformed header from script....
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
セレクトメニューで2つの項目...
-
<SELECT>タグの折り返し
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
複数列を持ったリストボックス...
-
optionのselectedは更新時は効...
-
プルダウンリストの背景色の指定
-
selectタグ内の特定のoptionの...
-
同じものを繰り返し表示させる
-
セレクトボックスから別窓にジ...
-
セレクトボックスの「選択して...
-
セレクトボックスの中を一部隠...
-
SELECT要素の垂直位置
-
セレクトボックスである項目を...
-
select や option のCSS設定
-
SELECT OPTIONの中身をコピペ...
-
セレクトメニューで選んだ値を...
-
html select optionが左寄せに...
-
プルダウンメニューがプルアップに
おすすめ情報