人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Webアプリの挙動や見た目はブラウザによって若干異なることは
当たり前ということを承知した上での質問です。

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

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

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

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

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

宜しくお願いします。

●質問者: kon39392
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● うぃんど
●75ポイント

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


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

2 ● oil999
●75ポイント

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


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

3 ● pretaroe
●75ポイント


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


kon39392さんのコメント
ご回答ありがとうございます。 PIE.htcを使ってCSS3が使えるようにしようと試みてるのですが まったく反映されません。 反映されないときの対応策として以下を試しました。 ・CSSファイルで、PIEを適用させたいセレクタに position: relative; behavior: url(/PIE.htc); を追記(相対パスも絶対パスも試しました) ・htaccessへの記述追加 上記を、配置する位置などいろいろ変えて、 相対パス、絶対パスも考えられるものを 書き換えたりしましたがうまくいきません。 >bootstrapですけど >*.htcファイルを内部で使用してると思うのですが bootstrapのフォルダ一式をくまなくみたのですが .htcは使われていないようでした。(意味が違ったらすみません。) ほかに考えられる注意点などありましたらお願いします。 ちなみに重要ではないことかもしれませんが、フレームワークに CodeIgniterを使っています。 CodeIgniter + Bootstrap(jsは呼び出さずcssのみ) です。

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

4 ● 楽1978
●75ポイント ベストアンサー

少し調べたところこれらが原因かと思われます。
http://social.msdn.microsoft.com/Forums/ja-JP/aspnetja/thread/936c53a8-c61b-4778-a865-7afb145da2bd/

http://q.hatena.ne.jp/1291966170

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ