数年後、このブログはサクセスストーリーとなる! / written by イノクマ(仮)

ボムにご注意

作っていたサイトのレイアウトがどうしても崩れる。
結構複雑な入れ子構造……とは言っても、クロスブラウザで苦労しそうなプロパティは極力避けてコーディングしているはずなのにレイアウトが崩れ不具合が起こっている。

開発中は主にGoogleChromeを使っていて、特にレイアウトは崩れたことがない。
手近なPCに入っているブラウザで試してみると、IEの一部でレイアウトが崩れている模様。

CSSでは特殊なプロパティをほとんど使っていなかったので、一番に疑ったのは、HTMLの宣言部分など。
「<?xml~>」ってとこや<html ~>」のとこを間違って書いて、IEでレイアウトが崩れたことが過去にあったので。
で、該当のページはPHPで動的に作るページだったので、ページに接続して、実際に吐き出されたHTMLをコピペして、宣言部分をいじることにした。

さて、

いざコピペして、HTMLファイルを作って表示してみると、レイアウトは崩れていない。

???

ぇ~、PHPのエラー??

でも、吐き出されたHTMLに異常がないなら、直しようが無くない?

……と、思って調べると、PHPでプログラミングする際、文字コードをUTF-8を選ぶと場合にはBOM(Byte Order Mark)無しの状態で保存しなければならないとのこと。

結構重要っぽいのに、今まで知らんかった><;

パソコンの勉強を専門学校などで学んだわけでもなく、独学でなんでもかんでもやっていると、思わぬ落とし穴があるみたいですね……。

最後まで読んで頂きありがとうございました。

コメントを残す

メールアドレスが公開されることはありません。