セレクトボックスのサイズ

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： Taka ： 2006/06/22（木） 15:05  ID:y0jdLHQ1
SELECTタグでコンボボックスを作りたいのですが、
表示させる文字分横に広がってしまいます。
ドロップダウンさせている時は全文字表示させたいのですが、
選択後は文字が切れてもいいのでコンパクトにしたいのです。
いわゆるドロップダウンする部分の横幅サイズより
コンボボックス本体の横幅サイズを小さくする事はHTMLでは
できないのでしょうか？
1   名前： カヅサツ ◆ThCi95HEzw ： 2006/06/22（木） 15:05  ID:O5hEMlpW
はい、HTMLでは原則としてできないです。スタイルシートを使う必要があります。
2   名前： Taka ： 2006/06/22（木） 15:05  ID:y0jdLHQ1
返答ありがとうございます。
スタイルシートを使えばできるという事ですか？
リファレンス等を見ているのですが何を使えばよいのやら・・・（−−；
TABLEでかこって固定とかにするのかな。う〜ん・・・
3   名前： Taka ： 2006/06/22（木） 15:05  ID:y0jdLHQ1
実際width=150のコンボボックスを
style="width:100"で幅を縮める事はできたのですが、
ドロップダウンさせるリスト部分も同じサイズになってしまいます。
ドロップダウンさせるところは150のままというのはできないのでしょうか？
4   名前： カヅサツ ◆ThCi95HEzw ： 2006/06/22（木） 15:05  ID:O5hEMlpW
> style="width:100"で幅を縮める事はできたのですが、

0 以外の数値の場合、単位は必須(この場合 px)です。

> ドロップダウンさせるところは150のままというのはできないのでしょうか？

option要素に width:150px とすれば良いのでしょうが、一部のブラウザは無視します。
5   名前： Taka ： 2006/06/22（木） 15:05  ID:y0jdLHQ1
今使っているのがIE6.0なんですが駄目で、
試しにNetscape7.1やFirefox1.5はうまくいきました・・・
IEが駄目なんて・・・ショック
という事はこれを使いたいシステムの推奨がXP＋IE6.0なので無理って事ですね（涙）
6   名前： RCRT4878 ： 2006/06/22（木） 15:05  ID:q6mBUZj0
JavaScriptを使えばできます。
7   名前： Taka ： 2006/06/22（木） 15:05  ID:y0jdLHQ1
RCRT4878 ありがとうございます。

options.style.width = "150px"
などとやってみましたが、ドロップダウンのところは変わりました。
しかし大元のコンボボックスの部分まで広がってしまいました。
使い方間違っていますか？
そもそもオブジェクト違いますか？（−−；
一覧へ戻る