ローカルで制作した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はクセがあるみたいで、時間があるときにまとめて勉強しなくては・・。
★執筆者紹介
ホームページを制作するプロセスに従って紹介しています。
webの動きをブログでお伝えしています。
就活生のスマホ所有率59.3%…前年比42.9pt増 | リセマム (生活とIT、モバイルのニュース)
就職活動も随...