当たり前ということを承知した上での質問です。
例えばfirefoxとieの見た目が違うのは、
仕方ないと思うしかないのでしょうけど、
同じie8でも、「リストボックス」の見た目が違う場合は
何が影響してるのでしょうか?
端末Aではリストボックスを作ると、
比較的今っぽい、薄いグレイ枠線のシンプルなものができ、
端末Bで作ると
例えばAccess2000などで作るような古い感じのリストボックス
(くぼんだデザイン)ができます。
古くさいからといっても、両者のieのバージョンを確認すると
「ie8.0.xxxxx」のxxxxの数字は、端末Bのほうが新しいのです。
このあたりは、何が影響しているのでしょうか?
ieのバージョン以外で影響してくるものはあるのでしょうか?
ieでもbootstrapによるデザイン効果を少しでも活かしたいです。
(ボタンのグラデーションもかかならいわ、フォーカスしたテキストボックス
の縁の色も変わらないわで、ieではbootstrapのいいところが出せずじまいなので)
宜しくお願いします。
>端末Aではリストボックスを作る
>端末Bで作る
>bootstrapによるデザイン効果を少しでも活かしたい
前提条件の再確認になりますが、
bootstrapは、JAVAScriptファイル(bootstrap.jsなど)と、
CSSファイル(bootstrap.min.cssなど)へのリンクが必要になります。
「作る」の意味が、
「端末Aで作って、端末AのIEで確認すると思い通りになり、
端末Bで作って、端末BのIEで確認すると思い通りにならない」であれば、
下記のような事ではないかと思います。
(a)端末BのIEはJAVAScriptを動かさない設定にしてある
(b)ファイル保存先と、HTMLに書いてある保存先が違う
(c)端末BにはJSファイルやCSSファイルの保存先へのアクセス権利が無い
(d)ファイルが足りないか、壊れている
私の勝手な想像では、JQueryが別途必要な事を忘れていて(d)か、
JQueryの保存先をミスして(b)という可能性が高そうに思っていたりしますが、
一応、一通り比較してみてください。
CSSを使ってSELECT(リストボックス)のデザインを変更できます。
http://www.marguerite.jp/Nihongo/WWW/Columns/CSS4PulldownMenu.html
ありがとうございます。
大変さんこうになるサイトでした。
■
IE8とかなら、CSS3PIE(PIE.htc)を使用すれば
CSS3対応になるので、吸収出来ると思います。
http://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html
http://css.microrza.com/csstips/iecss_css3pie/
■ieでもbootstrapによるデザイン効果を少しでも活かしたいです。
上記でCSS3系の効果はある程度反映されるはず
■ieのバージョン以外で影響してくるものはあるのでしょうか?
bootstrapですけど
*.htcファイルを内部で使用してると思うのですが
これがうまく読み込めてないだけでは?
それ以外にも、表示時にスクリプト系のエラーがでてないか
確認してみては?
今回の件は別として、
IEのバージョンが同じでも
OSがXPとWindows7とかそういう違いでも表示に違いがでることもあります。
ご回答ありがとうございます。
PIE.htcを使ってCSS3が使えるようにしようと試みてるのですが
まったく反映されません。
反映されないときの対応策として以下を試しました。
・CSSファイルで、PIEを適用させたいセレクタに
position: relative;
behavior: url(/PIE.htc);
を追記(相対パスも絶対パスも試しました)
・htaccessへの記述追加
上記を、配置する位置などいろいろ変えて、
相対パス、絶対パスも考えられるものを
書き換えたりしましたがうまくいきません。
>bootstrapですけど
>*.htcファイルを内部で使用してると思うのですが
bootstrapのフォルダ一式をくまなくみたのですが
.htcは使われていないようでした。(意味が違ったらすみません。)
ほかに考えられる注意点などありましたらお願いします。
ちなみに重要ではないことかもしれませんが、フレームワークに
CodeIgniterを使っています。
CodeIgniter + Bootstrap(jsは呼び出さずcssのみ) です。
すみません、よくみると
「accsess is denied to file ......PIE.htc」が出ておりました。
htaccessにはきちんと
AddType text/x-component .htc
を追記しているのですが。。。
ご回答ありがとうございます。
2012/07/29 21:40:47必要ファイル(css)呼び出しは問題なさそうです。
同じフォルダ一式を各端末にコピーしながら
試しているのと、各端末でbootstrap.cssにテスト的に
変更すると、デザインに反映されるので。
あと、bootstrap.jsは一切使わないので呼び出していません。
(ちなみに単純なAlert等でjavascriptを使ってますが、動作しています。)