• 締切済み

IE6とIE8のSELECTタグの１１と３１

IE6の場合、<select> </select>の<option>が11を超えたら、 縦スクロールバーが表示されるようになりました。 IE８は<option>が31超えたら、縦スクロールバーが表示される ようになりました。 これはどこかで設定できますでしょうか？ 宜しくお願いします。

  • HTML
  • 回答数2
  • ありがとう数2

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

これは、ブラウザがOSの機能を利用して描画している部分で、HTMLやCSSでは、どうしようもない部分です。ディスプレイが小さい場合(ディスプレイの解像度を変更すると確認できます)、あるいはselect要素がどこに表示されているかで変わります。 　背景とか色とか・・CSSで対処可能な部分はあります。 　lynxのようなポイントデバイスを使えないブラウザや、読み上げブラウザなどでは、また違う表示になります。 　ただ、jQueryには、selectの表示をプルダウンメニューに変換するものがあります。 ・・selectとoption、及びoptgroup要素を、定義リストに書き換えてスタイルシートでデザインしています。 ★jqselectable.js - Google 検索 ( http://www.google.co.jp/search?q=jqselectable.js&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )

iandyouand
質問者

お礼

お礼が遅れましてすみませんでした。 丁寧なご説明有難う御座いました。やはりブラウザだけではない ということになりますと、Scriptしかないですね。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 ブラウザの実装次第ですので設定する方法は無さそうです。 OS自体の視覚効果の設定でも表示されるサイズが変わるようですので指定は難しそう。

iandyouand
質問者

お礼

ブラウザの実装そしてOSもということだと、やはり難しいか。 ご回答有難うございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • IE8で、selectの縦スクロールバー出ない

    同じHTMLページですが、 IE6でselectの縦スクロールバー表示できますが、 IE８で表示されない。 IE6とIE8の無いか違いでしょうか？ よろしくお願いします。 <select name="myselect"> <option> </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11）">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> </select>

  • netscape4.7でselectタグが表示されません

    お願いします。 netscape4.7でselectタグが表示されません。optionの部分が横に並んで表示されてしまいます。IEやNN6.2だと問題なく表示できるのですが。ちなみにタグ辞典にはNN4.7でも使えるようなことが書いてありました。 <html> <head> <title></title> </head> <body> test<br> <select name="s1" > <option value="takagi">takagi</option> <option value="suzuki">suzuki</option> <option value="tanaka">tanaka</option> </select> </body> </html> よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ドコモのSELECTタグ

    ドコモのXHTMLのサイトを作っていますが、 １ページ内のSELECTタグの上限はありますでしょうか？ SA700iでは１５個しか表示されませんでした。 また、これは端末毎に違ってくるのでしょうか？ --------------------------------------------- <form> <select name=test1><option value=1></select> <select name=test2><option value=1></select> <select name=test3><option value=1></select> ・ ・ ・ <select name=testn><option value=1></select> </form> --------------------------------------------- 宜しくお願いします。

    • ベストアンサー
    • HTML
  • overflow:auto; の記述で横スクロールバーが表示される

    gooブログでカスタムテンプレートを使用しています。 縦のみにスクロールバーをつけたくて 「overflow:auto;」 の記述をいれました。 Operaとfoxでは縦のみにスクロールバーが表示されます。 ですがIE6だけ、縦にも横にもスクロールバーが表示されます。 どうすれば、IE6でも縦のみのスクロールバー表示になりますか？

  • iflameのスクロールバーについて

    ページ内に、iflameでページを表示しようとしています。 縦に長いページなので、縦にだけスクロールバーを出したいのですが… <iframe src="http://...." width="600" height="400" scrolling="yes"></iframe> こんな感じに設定しています。 ウィンドウズIEではキレイに見えています。 ですが、マッキントッシュIEで見ると、スクロールバーが表示されません。 <iframe src="http://...." width="600" height="400" scrolling="auto"></iframe> にすると、マッキントッシュIEでもスクロールバーがきれいに表示されるのですが、 ウィンドウズIEで、必要のない下の部分（横部分）のスクロールバーまで出てしまいます。 この横スクロールバー、たとえ中味を短くしても、表示されるので…すごーく嫌なのです…。 マッキントッシュと、ウィンドウズ両方で、たて部分だけスクロールバーが出るようにする方法はあるのでしょうか？

    • ベストアンサー
    • HTML
  • ＩＥ画面右側に謎の黒い縦長の空白その他不具

    IE9で本日から表題の問題が発生しており、 IE10にupデートしたら治ると思ってIE10をインストールしたのですが状況が改善されません。 ＜症状としては＞ (1)縦スクロールバーの右に縦長の黒い空白が発生 (2)表示されたスクロールバーをつかめないバーのない右側を触ると反応 (3)上記と同様にWEBページのリンクバーとかもバーの右側しか反応しない (4)文字がクッキリ表示されなくなっている ＜word・exceでは文字はクッキリ表示されるしスクロールバーも健全です＞ 改善方法わかる方、助けてください。

  • selectタグ

    HTML初心者です、どうかよろしくお願いします。 早速ですが、<SELCT></SELECT>内で選択項目としてSQL文で取った値を表示させたいのですが、どうしたらいいでしょうか？ また、セレクトボックス内にSQL文で取ってきた、コードと名称の2種類を表示させ、選択時にセレクトボックス内にはコードを、ラベル項目に名称を表示したいのですが、方法があれば教えてください。 どうかよろしくおねがいします。

  • selectタグ内の特定のoptionのみをフォント制御

    <select name="test"> <option>通常のフォント</option> <option>太字</option> </select> というリストメニューで、「太字」のほうだけを太字にする事は可能でしょうか？ <select name="test"> <option>通常のフォント</option> <option style="font-weight: bold;">太字</option> </select> とやってみましたが、これは無理なようですね（IE6） 確か、このようなことをやっているサイトを見かけた事があるので、不可能ではないと思うのですが。 どなたかご存知でしたら、よろしくお願いします。

  • IEなどの横スクロールについて

    IEに表示されてるHPをスクロールするとき、キーボードの矢印キーで操作するのですが、 横に長いページを見たときに、横スクロールの速度が縦スクロールに比べてかなり遅いのですが、設定を変えれるのでしょうか？

  • selectタグの項目を制御する

    フォーム内のプルダウンの項目を制御する方法がわからなくて困っています。 form1というフォーム内にプルダウンが3つあります。 <select name="select_1"> <option value="AAA">AAA</option> <option value="BBB">BBB</option> <option value="CCC">CCC</option> </select><br/> <select name="select_2"> <option value="AAA_1">AAA_1</option> <option value="AAA_2">AAA_2</option> <option value="BBB_1">BBB_1</option> <option value="CCC_1">CCC_1</option> </select><br/> <select name="select_3"> <option value="AC">AC</option> <option value="AB">AB</option> <option value="B_1">B_1</option> <option value="B_2">B_2</option> <option value="B_3">B_3</option> </select><br/> ●まず、select_1がAAAなら、select_2でAAA_1とAAA_2のみ選択できるようし、select_2で、AAA_1が選択されたらselect_3にACをAAA_2が選択されたらABを表示。 ●select_1でBBBが選択されたら、select_2にBBB_1のみを表示し、変更不可にする。そして、select_3にABC,B_1,B_2,B_3を表示。 ●select_3でCCCが選択されたら、select_2にCCC_1のみを表示して変更不可にし、select_3にACのみを表示して変更不可にする。 こんな感じにしたいのですが、どうもうまく出来ません。 考えたのは、各selectタグにonchange=change_1(form1)として、関数を呼び出し、 no= form1.select_1.selectedIndex; noが0なら thisForm.select_2.length = 2; //オブジェクトを2にする thisForm.select_2.options[0].value = "AAA_1"; の様にしたのですが、はじめに表示したoptionを消したりする方法や変更不可にする方法ってあるんでしょうか？また、ほかの方法など、どなたかわかる方がいましたら、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する