IE10でCSSが無視される件
コーダーになって1年生です。某テーマパークの専任HP担当者です。
症状は、自分の作業しているPCのローカル環境でIE10でブラウザ確認すると
すべてのCSSが無視されます。
開発者ツールでデバックをかけてみると、MIMEが不一致と判断されCSSが適用されないと原因はつかめました。
しかしながら、ローカル環境(レジストリ)MIMEの設定もhtmlのmetaの記述、CSSの文字コード等ファイルの記述も何度も確認しましたが相変わらず無視されます。(文法チェック済み)
ためしに簡単なテストページを作りましたが、やはりCSSは適用されませんでした。ただし他のPCでは適用されるところを見るとやはりPC端末での問題とは思いますが。。。原因をつかめながら修正できないのがくやしいです。
上記症状で何かアドバイスが頂けると幸いです。
みんなの回答 6 件
ローカル環境でのみ その症状なのか読み取れない
サーバー側の設定じゃないのね?
その簡単なテストページのhtmlをあぷろだに上げてくれよ
文字コードの問題では?
ie10 css 読み込まない - Google 検索
https://www.google.co.jp/search?q=ie10+css+読み込まないもうちょっとまとめたほうが分かりやすい。
そうだとしたら、IE10の問題じゃなくてクライアント側PCの問題だね。
互換表示にすれば、CSS適用されると思うよ。
テストページ
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "※URL(upできないのでここでは割愛)">
<html xmlns="※URL(upできないのでここでは割愛)">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>サイト名</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table summary="テーブル">
<tr>
<th>日時</th><th>コメント</th><th>備考</th>
</tr>
<tr>
<td>5月8日</td><td>今日はいい天気でした。</td><td>○</td>
</tr>
</table>
</body>
</html>
css
@charset "utf-8";
h1{
font-size:24pt;
font-family:arial;
color:olive;
}
th{
background:#0F6;
}
※はこの質問ページURL禁止(貼り付けできないので割愛してます。個々の記述は合ってます。文法チェック済み)
cssへのリンクはドリームウィ―バー利用してるので階層等の誤りはありません。
確かに互換表示では、表示されるのですがそれって根本的解決では無いですよね?
又、IE10がローカルでブラウザ確認した際、どのエリアまでMIMEを判断してるのでしょうか? イントラでつながってるすべての領域なのでしょうか?
ご教授よろしくお願いします。
>確かに互換表示では、表示されるのですがそれって根本的解決では無いですよね?
htmlとxhtmlの違いを知ること。
xhtmlなら、バージョンやstrict、transitionなどをちゃんと理解すること。
根本的問題は、トピ主の基本知識不足。
関連するトピックス