ローカルで制作したMovableTypeのテンプレートをサーバーにアップしたところ表示が大幅に崩れてしまう。はまってしまいました。
ホームページを制作しているとレイアウトが崩れるというのは日常茶飯事だったりするのですが、今回の場合、ローカルでテストした段階ではIEでもFireFoxでも正常に表示されるにも関わらず、サーバーにアップした途端に表示が崩れる。
こういった場合、やはり基本は文字コードの問題。
調べてみるとMovableType4は標準の文字コードはUTF-8。インストール段階でいじってないのでサーバーにインストールされているMovableTypeもUTF-8のはず。
そこで、「MovableType 表示 崩れる」で検索してみたところ、次の記事を見つけました。
一方, 最近のものでは, HTMLはUTF-8と指定して, UTF-8でエンコードして いるものの, CSSでは, EUC-JPとして設定しているにもかかわらず, UTF-8でエンコードしていた.
そこでローカルのCSSを確認したところ文字コードはSHIFT_JIS。UTF-8に変更してアップしたところあっさり正常に表示されました。
それにしても、この前昔作ったCGIプログラムを書き直したところうまく動作しなくてあせったのですが、これも日本語周りに原因がありました。
どうもUTF-8はクセがあるみたいで、時間があるときにまとめて勉強しなくては・・。