selectタグ中で、multiple を使うとボックスが上に伸びてしまいます。下の方には伸ばせてないでしょうか?

http://www.tagindex.com/html_tag/form/select.html

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/10/29 17:36:55
  • 終了:2008/11/05 17:40:02

回答(2件)

id:GoldenDawn No.1

GoldenDawn回答回数426ベストアンサー獲得回数812008/10/29 18:25:24

ポイント35pt

上に伸びると言うか、下揃えになっている状態です。

次のように上揃えにしたいところにピンポイントで CSS を適用させるか、

<span style="vertical-align:top">好きな果物: </span>
<select name="fruit4" multiple> 
<option value="りんご">アップル</option> 
<option value="みかん" selected>オレンジ</option> 
<option value="ぶどう">グレープ</option> 
<option value="もも" selected>ピーチ</option> 
<option value="さくらんぼ">チェリー</option> 
</select>

head 要素の中で以下のような記述を入れるといいのではないでしょうか。

<style type="text/css">
  form * { vertical-align : top ; }
</style>

http://www.htmq.com/style/vertical-align.shtml

id:tarchan No.2

たーちゃん回答回数200ベストアンサー獲得回数22008/10/30 13:10:33

ポイント35pt

プルダウン形式が上に伸びるか、下に伸びるかはOSに依存します。

質問者があげた例も、Windowsで表示すれば下に伸びて表示されます。

Macで表示した場合も、リストが上にはみ出す位置でポップアップすれば下に伸びて表示されます。

表示を統一したいということなら、リスト形式を使うという選択肢もありますよ。

http://www.7key.jp/hp/_form/6.html

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません