Webアプリの挙動や見た目はブラウザによって若干異なることは

当たり前ということを承知した上での質問です。

例えばfirefoxとieの見た目が違うのは、
仕方ないと思うしかないのでしょうけど、
同じie8でも、「リストボックス」の見た目が違う場合は
何が影響してるのでしょうか?

端末Aではリストボックスを作ると、
比較的今っぽい、薄いグレイ枠線のシンプルなものができ、
端末Bで作ると
例えばAccess2000などで作るような古い感じのリストボックス
(くぼんだデザイン)ができます。

古くさいからといっても、両者のieのバージョンを確認すると
「ie8.0.xxxxx」のxxxxの数字は、端末Bのほうが新しいのです。

このあたりは、何が影響しているのでしょうか?
ieのバージョン以外で影響してくるものはあるのでしょうか?

ieでもbootstrapによるデザイン効果を少しでも活かしたいです。
(ボタンのグラデーションもかかならいわ、フォーカスしたテキストボックス
の縁の色も変わらないわで、ieではbootstrapのいいところが出せずじまいなので)

宜しくお願いします。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2012/07/31 22:34:58
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

その他の回答3件)

id:windofjuly No.1

回答回数2625ベストアンサー獲得回数1149

ポイント75pt

>端末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)という可能性が高そうに思っていたりしますが、
一応、一通り比較してみてください。

id:kon39392

ご回答ありがとうございます。

必要ファイル(css)呼び出しは問題なさそうです。
同じフォルダ一式を各端末にコピーしながら
試しているのと、各端末でbootstrap.cssにテスト的に
変更すると、デザインに反映されるので。
あと、bootstrap.jsは一切使わないので呼び出していません。
(ちなみに単純なAlert等でjavascriptを使ってますが、動作しています。)

2012/07/29 21:40:47
id:oil999 No.2

回答回数1728ベストアンサー獲得回数320

ポイント75pt

CSSを使ってSELECT(リストボックス)のデザインを変更できます。
http://www.marguerite.jp/Nihongo/WWW/Columns/CSS4PulldownMenu.html

id:kon39392

ありがとうございます。
大変さんこうになるサイトでした。

2012/07/29 21:43:19
id:pretaroe No.3

回答回数531ベストアンサー獲得回数75

ポイント75pt


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とかそういう違いでも表示に違いがでることもあります。

id:kon39392

ご回答ありがとうございます。

PIE.htcを使ってCSS3が使えるようにしようと試みてるのですが
まったく反映されません。

反映されないときの対応策として以下を試しました。
・CSSファイルで、PIEを適用させたいセレクタに
position: relative;
behavior: url(/PIE.htc);
を追記(相対パスも絶対パスも試しました)

・htaccessへの記述追加

上記を、配置する位置などいろいろ変えて、
相対パス、絶対パスも考えられるものを
書き換えたりしましたがうまくいきません。


>bootstrapですけど
>*.htcファイルを内部で使用してると思うのですが

bootstrapのフォルダ一式をくまなくみたのですが
.htcは使われていないようでした。(意味が違ったらすみません。)


ほかに考えられる注意点などありましたらお願いします。

ちなみに重要ではないことかもしれませんが、フレームワークに
CodeIgniterを使っています。
CodeIgniter + Bootstrap(jsは呼び出さずcssのみ) です。

2012/07/29 21:42:14
id:kon39392

すみません、よくみると
「accsess is denied to file ......PIE.htc」が出ておりました。
htaccessにはきちんと
AddType text/x-component .htc
を追記しているのですが。。。

2012/07/29 22:08:49

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

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

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

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

回答リクエストを送信したユーザーはいません