Q&A
状況が良く分かりません。
HTMLもなるべく構文ミスのないもの、半端ではないものを提示してください。
コード<th>都道府県</th> <td> <select class="input-sm half_width" style="width: 90%;"> <option value="0" selected="selected"><span name="">都道府県を選択してください</span></option> <option value="1">北海道</option> <option <option value="47">沖縄県</option> </select> </td> <th>国</th> <td> <select style="width: 90%;"> <option value="0" selected="selected">日本</option> <option value="1" ></option> </select> </td>
都道府県のプルダウンリストがどうして下ではなく上向きに表示されてしまうのか、わからないです。
自動でそうなってしまっているんでしょうか？
下表示に変えたいのですが、どうしたらいいでしょうか？
ブラウザの仕様的に「こうなれば上にでる」はありますが、それが質問者さんの状況と同じか分かる情報がないので、画面キャプチャなどご提示ください。
実行結果です。みれますでしょうか？
下に出ますが。
画面キャプチャご提示ください。
設定でキャプチャできないのですがどうしたらいいでしょうか？
画面幅が小さいと上に出るっていう質問ぽいですな
セレクトボックスは基本的には下に出るが、はみ出す場合は上に出る仕様じゃなかったですか？
都道府県のセレクトボックスは上に表示されているはずなのですが、下になってますか？
そうなんですね！ありがとうございます。その場合は下に表示はむずかしいでしょうか？
画面上かなーり下にあってセレクトボックスが出ても画面からはみであるような場合は上に出るというブラウザの仕様はありますが、充分な幅があれば下です。
>設定でキャプチャできない
プリントスクリーン機能（Windows）で私はいけましたけど、その設定って何でしょうか。
セレクトボックスを使いたいときはそういう仕様らしいのでどうしても下固定にしたいなら自分で頑張って作るしかないかもしれませんねー
私用ではないので、できなくしてあります。
幅は変えられないのですが、その場合は widthなどで調整するしかないでしょうか？
りょうかいしました。
回答5件
0
使用機種、OS、ブラウザの種類とバージョンによるでしょう
基本的にはブラウザが最適な見せ方を判断して表示します
例示のcodepenのページもブラウザや表示している高さによって
上に出たり下に出たりまちまちでした
投稿2019/08/22 04:36
編集2019/08/22 04:39
総合スコア117613
0
CSSフレームワークでは見た目を整えるためULなど別タグに置き換えていますが
例：Materialize-select
こちらもselectと同じく画面からはみ出ないように上に出たり下に出たり調整してくれています。
常時下に出ていては、画面下部で起動したときにすべての選択項目が見れなくなるとかそういう事情はあるのではないでしょうか。
どうしてもというのでしたらiPhoneなどで用いられているドラムロール式という手がないわけではないですが、これはこれで選択肢が多ければ多いほど、画面内で見ることのできる選択肢が少なくなります。
セレクトボックスの多用はなるべくやめるべきという意見もあります。
要は、多い選択肢をなるべく画面内で全て見せるというブラウザ側の配慮です。
セレクトボックスは確かに選択肢を隠すことができてレイアウトの余裕を持たせることはできるかもしれませんが、使う側からすると選択肢が見えないというのは使い勝手の悪さを感じるところでもあります。
選択項目の内容や要件から表示の仕方を工夫する必要はありそうです。
投稿2019/08/22 05:23
総合スコア80888
0
ど～～～～～～～～～～～～～しても下に出したい！っていうなら size入れるしかないんじゃないかなと
HTML
1<select size="5" class="input-sm half_width" name="m_item__testing_type" style="width: 90%;">
投稿2019/08/22 04:41
編集2019/08/22 04:42総合スコア2343
ありがとうございます。sizeを入れたら下にスクロールできるようになりましたが、jsfiddle.net上ではキャプチャとおなじようになりましたが、エクリプス上で試しましたところ、tｄが下に表示が少ししかされず、セレクトボックスを押したときの範囲が、拡大しませんでした。ググってみたのですが、解決方法がわからないのですが、何が原因でしょうか？ｔｈにもサイズ指定もしていないです。
スクリーンショットなど質問に追記できるなら追記しましょう。
データとかちゃんとはいってますよね？
スクショができないように設定されていてはれないです。コードはすべて上記とおなじですね。
スクショができないように設定されていてってどういうことですか？
フリーのキャプチャソフトとかでも無理ですか？SnippingToolとか。
SnippingToolはダウンロードしないように上から言われてまして、、
えーめんどくさい現場ですね・・・・。
size を入れる前は問題なくプルダウン出来ていたけど sizeを入れたらプルダウンできなくなったってことでしょーか
下にスクロールはできるのですが、幅が１項目分しか表示されていない状態です。。
sizeを入れる前と入れたあとで挙動が変わったかそうじゃないかわかります？
sizeを入れる前は項目が上にのびて表示されましたが、sizeを入れてからは上に表示されることはなくなりましたが、項目が広がってひょうじされなくなりました。ほとんど１項目しか表示されず、一番下までいくのに何度も矢印をクリックするしかない状態です。
ul liタグに変更して試してみたりしてみましたが、デザインがセレクトボックスとで合わなかったりとかなり調整がむずかしかったです。ほかでsizeでためすと下に表示されましたが、なぜsizeが意図したとおりに動かないのかわからないです。
0
ベストアンサー
すいません、全角のスペースが消えたら下に表示されるようになりました。全角のスペースがはいっていたためでした。いろいろおしえて頂きありがとうございました。
投稿2019/08/23 08:58
退会済みユーザー
総合スコア0
0
自動でそうなってしまっているんでしょうか？
そうです。コメントや回答にもあるように「仕様」です。
基本的に下側ですが、要素の位置により下側だと表示しきれない場合には、上側に出ます。
※要素が下側にあるのに、さらに下側に出ると、不便ですよね。その対策だと思われます。
下表示に変えたいのですが、どうしたらいいでしょうか？
要素の下側に他の要素やスペース等を作るしかないかと思います。
投稿2019/08/22 09:12
総合スコア3525
あなたの回答
tips
プレビュー
