昨日CSSが全く適応されない話をしましたが、今日も相変わらず原因が分からず悩まされることに。
xml宣言を入れているのが悪いのかとも思いましたが、firefoxでレイアウトが大幅に崩れているので関係なさそう。
文字コードをUTF-8にしているから駄目なのかと思い一度Shift-JISに変更してみても駄目。
3カラムのサイトを構築しているので、その3カラムの一時的に2カラムにしてみても駄目。
駄目、駄目、駄目…
そこで、ふと思いました。
「構文チェックサイトで確認してみたら何か分かるかも…」と。
そこで、まずは、XHTML構文のチェックをしてみる。問題なし。次にCSSの構文をチェック…
エラー!が2つ!
hackを使用したときは、いつも1つエラーが出るのですが、それは、CSS2.1で定義されている文法を使っているので問題ではありません。
しかし2つ目があるということは、何かおかしいところがあるのです。そして解りました…
CSSが適応されない、その原因は!
}が一個抜けていただけ。
そりゃレイアウト崩れるわ!大笑いですなぁー！…はぁ～
実は、こうことはホームページを制作しているとよくあることで、なまじ知識がついてくると、難しいほうに考えてしまい。単純な原因が見落としになりがちです。
CSSが上手く適応されないときは、構文のチェックを早めにした方がいいと思い知らされました。
コメントする