- ベストアンサー
IE6にてsizeを2以上にした時のSelectの表示について
お世話になります。当方はWindows XP SP2、IE6を使用しています。 selectタグにて、sizeを2以上にするとリスト選択型になりますが、 この時、枠組みがくぼんで影がつき、外側のラインとくぼみのラインで 2重の表示になってしまいます。 size="1"のドロップダウン型だとラインが1本ですっきりとしています。 Firefox3や、Chromeだとsize="1"でもsize="2"でもすっきりと表示されます。 IE6でも同様に1本の表示にしたいのですが、何か良い方法はありますでしょうか。 よろしくお願いいたします。
- crossone
- お礼率53% (30/56)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
仕様ですね。 【引用元】http://programming-magic.com/?id=64 「IE6では、selectタグはWindowsのコントロールを使用して表示されている。そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。」 例えば、下記の様なサンプルで検証した場合、 --------------------------------------------------------------------- 【HTML】 --------------------------------------------------------------------- <form action="#"> <p> <select class="droplist" name="sample" size="5"> <option value="sample1" selected>サンプル1</option> <option value="sample2">サンプル2</option> <option value="sample3">サンプル3</option> <option value="sample4">サンプル4</option> <option value="sample5">サンプル5</option> </select> </p> <p> <select class="droplist" name="sample" size="1"> <option value="sample1" selected>サンプル1</option> <option value="sample2">サンプル2</option> <option value="sample3">サンプル3</option> <option value="sample4">サンプル4</option> <option value="sample5">サンプル5</option> </select> <input class="sample" type="text" name="hoge" value="ほげ"> </p> --------------------------------------------------------------------- 【CSS】 --------------------------------------------------------------------- select.droplist { width: 200px; border: solid 1px #00c; background: #cfc; color: #c00; text-align: center; } input.sample { width: 200px; border: solid 1px #00c; background: #cfc; color: #c00; text-align: center; } --------------------------------------------------------------------- IE6/7、Firefox等問わず、inputの方は、ボーダー・背景色・文字色・センタリング全てのスタイルが適用されます。 しかし、selectの方は、Firefox等ではinputと同様に全てのスタイルが効いていますが、IE6/7では背景色と文字色以外は無効になっています。 ※IE7ではz-indexのみ正しい挙動になる様に改良されている様ですが。IE8は未入手なので検証できていません。
その他の回答 (2)
- abril
- ベストアンサー率69% (388/560)
ANo.2です。書き漏らしましたので追記です。 select、input共に"width: 200px;"もどちらの環境でも有効です。
- font_color
- ベストアンサー率45% (24/53)
こんにちは。 <select>のリスト表示については、ある程度までしか設定できません。IEの使用だと思います。 ちなみに今回のラインが2重の表示になる件についてはCSSでboderを指定しても変更できませんでした。 また、それらしく見えたと思っていても閲覧者がXPのテーマを変更したら表示は変わります。
お礼
font_color様、ご回答ありがとうございます。 色々とお試しいただいたみたいでお手数をおかけしました。 やはり仕様上難しいということですね。size=1の時は綺麗なんですけどね~。 踏ん切りがつきました。ありがとうございました。
関連するQ&A
- IEとfirefox、行間の表示が異なってしまう
ulタグをline-heightで行間指定した場合、firefoxとIEでは表示が異なってしまいます。 firefoxでちょうど良い行間にするとIEでは詰まりすぎて文字がつぶれてしまったり。 解消方法を教えていただけないでしょうか?
- ベストアンサー
- HTML
- ブラウザにサイズに合わせてflashサイズを変更
ブラウザのサイズ、いっぱいいっぱいにflashを表示させようとしています。 FirefoxとChromeでは、embedタグのwidthとheightをJavascriptで得た値を使って、 ブラウザのサイズに合わせて見た目変更できるのですが、 IE8は変化無しです。 IE8にも対応しようと、単純なflashなのでドキュメントサイズそのものを変更しようと 思いましたが、_root._width,_root._heightを引数で渡して設定しても、flashのドキュメントサイズは 変更できませんでした。 IE8でもブラウザのサイズに合わせてflashのサイズを変更する方法はないのでしょうか。 困っています。教えてください。よろしくお願いします。
- ベストアンサー
- Flash
- IE8は切り捨てても構わないのか
Chrome、FireFox、IE8でレイアウトの調整をしています。 驚いたのはIE8がChrome等と比べて表示がおかしくなる点です。 例えば<h1>や<h2>でCSSで記述しているのに大きくなります。 その結果、横スクロールが出てきてしまいます。。。 ChromeやFireFoxは概ねイメージした通りに表示してくれます。 これはIE8の特性と思って諦めるよりないのでしょうか。 なお、当方にIE9の環境がないため、こちらは未調査です。
- ベストアンサー
- HTML
- htmlのブラウザごとの表示について
<hr color="#FF0000" size="1" noshade> というタグを使って赤いラインを一本引きたいのですが、 これをIE11で見ると綺麗に赤線が一本引かれているのですが Chromeの最新版で見るとグレーの横線に変わってしまいます。 noshadeを外すとChromeでも赤いラインに変わります。 Chromeでも赤いラインに見えるようにしたいのですがこれは何がいけないのでしょうか。 セオリー通りに記述していると思うのですが何がいけないのか検討がつきません。 助言いただければ幸いでございます。
- ベストアンサー
- HTML
- selectでスクロールバーの非表示?
selectタグでセレクトする文字が入れれたのですが、文字数が多すぎて?スクロールバーがでてしまいます。 size設定ではなく、隠れてはおり、↓をクリックするとでてくるがそのでてくる表示にスクロールバーがつかない方法ってありますか?
- ベストアンサー
- JavaScript
- IEとFirefoxで、H1タグのフォントサイズの違いについて教えてく
IEとFirefoxで、H1タグのフォントサイズの違いについて教えてください。 フォント指定をしたDIVタグ内にH1タグを書くと、サイズが変わります。 例? --IEで見ると、両方同じ。Firefoxで見ると1つ目が小さい。 <div style="font-size:9pt;"><h1>あああ</h1></div> <h1>あああ</h1> 例? --IEで見ると、両方同じ。Firefoxで見ると1つ目が大きい。 <div style="font-size:22pt;"><h1>あああ</h1></div> <h1>あああ</h1> これはどのような影響を、どのような法則で受けているのでしょうか。
- ベストアンサー
- HTML
- IEでの文字サイズ設定について教えてください><
自分が今使っているこのパソコンだけがおかしいので何かの設定かと思うのですが。。。 FireFoxで12pxで表示するように作ったサイトの文字がIEだと10pxくらいのサイズで表示されます(明らかにIEが小さくなる) しかしこのパソコンのモニターと全く同じ種類のモニターのパソコンで表示するとFireFox、IEともに12px(全く同じ大きさ)で表示されています。 このパソコンと別のパソコンのFireFoxの文字は「リセット」で初期表示、IEは「中」で表示。ユーザー補助は共につけていません。 モニターは同メーカーで17インチ、解像度1280×1024、DPIは96と、考えられる限りの条件は同一にしています。 また19インチのモニター2台でも確認しましたが、どちらで見てもFireFoxとIEは同じ12pxで表示されていました。 自分が作ったサイト以外でもFireFoxとIEで文字サイズが違って見えるサイトもあれば、同じサイズで見えるものもあります。 自分が使っているこのパソコンのIEの文字サイズの%計算がおかしい??? IE以外の表示は、他のパソコンと違いはなく問題ありません。
- 締切済み
- ネットトラブル
- アメブロ、IEとFirefoxで文字のサイズが違う
アメブロでブログを作っているのですが、Firefoxで自分のブログを見るとIEで見る時よりも文字のサイズが大きくなっています。 他の方のブログを見てもIE・Firefoxともに文字サイズは変わらないのですが、Firefoxで見た私のブログだけが大きく表示されていて・・・ どうやったらIEのサイズに合わせることができるのでしょうか? よろしくお願いします。
- ベストアンサー
- ブログ
- highslide js の画像の表示サイズが ie6,ie7 でおかしくなります
highslide js の画像の表示サイズが ie6,ie7でおかしくなります。 サムネイル画像はそのまま表示されておりますが 拡大された画像のサイズが正常なサイズの画像と さらに拡大されて画像が荒くなってしまうものがあります。 すべてサムネイル画像と拡大画像のオリジナルサイズは同じサイズの画像を用意しているのですが・・・。 ちなみにfirefox ではすべて正常に表示されている8ので 正常に機能しているのは間違いないとは思うのですが・・・ IEにおけるバグ等の情報があれば教えていただければうれしいです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- IEとFIREFOXのフォントのサイズ違いを直したい。
IEとFIREFOXではフォントのサイズが違ってしまいます。 FONT-SIZE:80%;とすると、 FIREFOXのほうが小さく表示されます。 これを同じサイズにするにはどうしたらよいのでしょうか? どなたかお教えいただきたいと思います。 よろしくお願いします。
- 締切済み
- HTML
お礼
abril様、ご回答ありがとうございます。 > 「IE6では、selectタグはWindowsのコントロールを使用して表示されている。そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。」 残念ながら、なぜか引用元にアクセス出来ませんでしたが、 Windowsのコントロールを使用しているということで納得しました。 IE6だけでなくIE7までお試しいただきまして、ありがとうございました。 踏ん切りがつきましたので、気にしない方向で進めたいと思います。