助太刀忍者(質問掲示板)

助太刀忍者

No.52123    トップページのみスタイルシート切れ
URL「 http://fileforce.ninpou.jp/ 」
不具合?設定ミス?どちらなのでしょうか?
トップページのみスタイルシート切れ?という状況です。
InternetExplorerでは表示正常に出来ず
GoogleChromeでも表示正常に出来ず

どこをどうしたら治るのでしょうか?
試した操作手順
CSSの変更、更新
トップページの変更、更新
投稿者:No Name Ninja 投稿時間:2012-04-09 23:06:48

この質問は解決済みです

投稿者 : No Name Ninja
投稿時間:2012-04-10 21:13:53
表示されました。ありがとうございました!!
投稿者 : No Name Ninja
投稿時間:2012-04-10 07:59:45
>トップページのみスタイルシート切れ?という状況です。
こういう場合は、正常に表示されるページと、正常に表示されないページの、HTMLコードを見比べてみましょう。

見比べると、head要素内の記述内容が異なるようです。
中でも、外部スタイルシートに関する記述に異なる部分があるようですよ。
トップページのhead要素内に、

<meta http-equiv="default-style" content="style.css">

という記述があります。こちらのスタイルシートの方が優先されるという記述ですが、contentの値を間違えています。よって、デフォルトの状態で表示されてしまうようです。
style.cssのスタイルシートを反映させたいのならば、

<link rel="stylesheet" href="../css/style.css" title="style">

との記述(title="style")がありますので、contentの値には「style」と記述しましょう。つまり、

×<meta http-equiv="default-style" content="style.css">
○<meta http-equiv="default-style" content="style">

ということですね。
もっと違う意図があって優先スタイルシートを指定している場合は、それに合わせて、contentの値を変えて下さい。meta要素で指定する必要性がない場合は、上記抜粋記述をまるっと削除しても構いません。削除すれば、link要素で読み込んでいるスタイルシートが素直に反映される筈です。