Q&A
特定のページだけということでよろしいですか？
そのページは公開されていないのでしょうか？
公開が無理ならソースを切り取って提示できますか？
IEのみCSSが効かないページがあります。
そのページにはIE対応のために
<meta http-equiv="X-UA-Compatible" content="IE=edge">
を入れていました。
去年の９月にその対応にしてから問題なく動いてたのですが、
今日報告があって確認してみると全てのCSSが効いていないようでした。
EDGEでは正常に表示され、他のブラウザでも問題ないのにIEだけCSSが全部消えているのです。
簡単に調べられる対策はもともと対応済みで、IEのバージョンも１２〜７まで同じCSSが効かない表示のままでした。
デベロッパーで調べると直したいが仕様で直せないものばかりにエラーが出ておりお手上げ状態です…。
機密情報なのでページのコードが載せられず恐縮です。
もしわかる方がいらっしゃったらお力を貸していただけるとありがたいです。
＞機密情報なのでページのコードが載せられず
物によってはそういう物があるのは分かりますが、これだけの情報だと判断が難しいのも事実です（いつものIEの仕様ですとくらいしか予想が出来ないかもです）
なんのCSSが効かないかだけでも難しいですか？
>デベロッパーで調べると直したいが仕様で直せないものばかりにエラーが出ておりお手上げ状態です…。
何のエラーかは存じませんが、cssの適用状況調べるぐらいできないですか？
それともcssファイルがエラー吐いてるという意味でしょうか
> IEのバージョンも１２〜７まで
IEは11までしかリリースされていないので、何かの間違いでは？
> 今日報告があって確認してみると全てのCSSが効いていないようでした。
どこをどうやって何を見て確認して「全てのCSSが効いていない」と言っているのですか？ 具体的にどのように確認したのか書いてください（あくまで具体的に、ここに書いてあること以外は知り得ない第三者が分かるように）。「ようでした」とか自信なさげに見えますけど、どうなんでしょう？
yambejpさん
そうです特定のページのみになります。
ページは公開されているので早めに直したんです。ソースを切り取るのも機密に抵触してしまうので、現実に近い形のコードを後で掲載いたします。
matsuki22さん
すべてです。すべてのCSSが効かずにHTMLだけを書いたようなページになっています。floatもborderもなにも効いていません。
meponさん
すべてのCSSをが効いていないんです。
会社で提供されている書き換え不可のCSSを読み込んでいて、そのCSSの絶対パスがhttpsでないためにエラーが出ているような状況なのでCSSファイルに問題があるかもしれないです…
ある日、突然に効かなくなったのですか？
＞仕様で直せないものばかり
→ 最初からie未対応のコードで設定されている、との事ですか？
＞IEのバージョンも１２〜７まで同じCSSが効かない
→ ieは11迄です。7にも対応するようなコード自体が、最近のCSSを割り振っているのであれば、上記の理由も同じ事なのでは？
情報が少ないので、他の方の疑問も含め、もう少し環境や状況が分からないと、回答は難しいかと思います。
今日外部からの報告でIEが崩れているとわかったため、実際にいつごろから崩れていたのかがわからないのです。
＞最初からie未対応のコードで設定されている、との事ですか？
とても古いCSSコードを使わなくてはならず、その可能性がない…とは言い切れません。
＞ieは11迄です。7にも対応するようなコード自体が、最近のCSSを割り振っているのであれば、上記の理由も同じ事なのでは？
すみません、デベロッパーで12と表記されていたのでそのまま書いてしまいました。
最近のCSSでは確実にないです。皆様に分かりやすいコードを用意しますので、少々お待ちいただけたらと思います。
皆さま大変ご迷惑をおかけしました。今年の３月ごろに自社のリンク表記ルールが変わったため、CSSの絶対パスが機能しなくなったことが原因でした。お手数をおかけしました。
回答2件
0
機密情報なら IE から別のブラウザに変えてください。
投稿2019/07/02 04:06
総合スコア28660
顧客層の関係上IEを抜くことができないんです。
抜くことはできますが、するつもりがないのなら、IE で表示できなくて、機密情報の含まれない HTML を新たに作成し、それを掲載するのが早いと思います。
そうですね。他のブラウザで問題ないのであれば、その指定をして閲覧させれば良いかと･･･
承知しました。該当コードを用意しますので、少々お待ちいただけたらと思います。
自己解決いたしました。自社リンクリールの変更が原因でした。ご協力感謝いたします。
恐らく IE の場合にのみ使われる CSS の URL の問題ではないかと思っていました。今回のように問題の再現する最小のコードを組むことで問題点があきらかになって解決することが多いので、次回は質問の前にそれを試してください。また他の人にもそれをするよう勧めてください。
Zuishinさん
承知いたしました。次回からコードを組んでから質問するようにしますし、そのように回答するようにいたします。丁寧にありがとうございました。
0
自己解決
自社のリンク表記ルールが変わったためにCSSが参照されず、IEの表記がおかしくなっていることがわかりました。
皆様お手数をおかけしてしまい申し訳ありませんでした。
ご協力感謝いたします。
投稿2019/07/02 05:22
総合スコア19
> IEのみCSSが効かない
IE のみという話でしたよね？ 「自社のリンク表記ルールが変わったため」IE だけに問題が起こったといってますか？ IE だけというのは考え難いのですが、どういう話か具体的に説明していただけませんか。それはこういう情報交換のためのサイトを利用している以上質問者さんの義務でもあると思います。
＞自社のリンク表記ルールが変わったためにCSSが参照されず･･･
→ ブラウザ（HTML・CSS）からすれば、自社のルールがどうなろうと、パス設定があってれば表示されるし、間違ってれば表示されないだけのはずですが･･･
IEのみ何かしらのパス操作が必要であれば、他の同様なサイトは多々あると思われるので、有意義な質問・回答になるかと思われますので、「SurferOnWww」さんのコメントにもありますが、私も詳細を知りたいです。
SurferOnWwwさん、yoshinaviさん
返信遅れましてすみません。
私自身もよくわかっていないのですが…ios 12.2のバージョンアップ対応のため、自社サイトのhttps化を強制的に行うプログラムが自社に走っているらしく、それがどうも一部のページにはIEだとうまく入っていかないという仕様があるみたいなんです。その対策でヘッド内の絶対パスに独自ルールが適用されている…といったわけです。非常にふわっとしてお話しか提供できず恐縮ですが、そういった話です。
なるほど、状況を理解致しました。
問題が解決されて何よりです。
あなたの回答
tips
プレビュー
