スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

関連エントリー

--/--/--(--) - スポンサー広告 - ranking(25) -

IE6とfirefoxでレイアウトが崩れる場合の対処法1

IE6とfirefoxの表示の違い

ネットで稼ぐ主婦、K子です。
昨日から今日にかけて、自分自身の収入の履歴やメモを残すために
新たにブログを始めたのですが、制作の際に気が付いたことをメモしておこうと思います。

今回は、ブログでのIE6とfirefoxでのレイアウトの崩れの対処方法を。
私は普段はfirefoxのブラウザを利用する事が多いのですが、
ブログやサイトを制作しているとブラウザの違いでサイトの表示が崩れてくるのに
悩まされる事もしばしば・・・・

というのも、今現在で一番ブラウザのシェアが多いのはIE6(インターネットエクスプローラ)だと言われていますが、IE6にはちょっと困ったバグがあるのです。

IE6のバグ


そのIE6のバグというのは、XML宣言をされているサイトやブログだと
違うモードでブログが表示されてしまう(互換モードになってしまう)という事。

この互換モードが原因で、IE6とfirefoxでブログの表示が違ってきてしまいます。

今では、ほとんどのブログのシステムでHTMLにXML宣言が入っている事が多いので
IE6でブログを見ると綺麗なのに、firefoxで見るととんでもない事に!
なんて風になってしまっているブログやサイトもよく見かけます。

IE6やfirefoxでレイアウトが崩れる時の対処法


このIE6とfirefoxでレイアウトが崩れてしまう現象の対処方法としては、
一番手っ取り早いのがXML宣言をHTMLから削除してしまう事です。

fc2ブログなら、テンプレートの設定でHTMLの一番最初にある
<?xml version="1.0" encoding="EUC-JP"?>


この一文を削除することによって、IE6で見てもfirefoxで見ても
レイアウトが崩れることがありません。

IE6とfirefoxでブログのレイアウトが崩れてしまう場合の対処法その1

■XML宣言をHTMLから削除する




しかし、この方法が一番手っ取り早くて簡単なのですが問題点もあるようです。

XML宣言を削除した時の問題点


問題点1
HTMLの構文チェック(Another HTMLなど)で大きくマイナスされる

XHTMLで制作されているサイトは、文字コードがUTF-8かUTF-16で書かれている場合を除いて
XML宣言をするように強く推奨されています。
なので、XML宣言の一文を消してしまうと文法的にマイナスになってしまうのです。

例えば、He don't eat a apple. でも意味は通じますが
文法的には He doesn't eat an apple.が正しく、テストだと減点されるのと一緒かな?

問題点2
文字化け

私もいくつかXML宣言をしていないブログを持っているのですが
ブラウザではちゃんと表記されていても、システムによっては
文字化けが起きるケースもあるようです。

とあるランキングのプログラムでは、私のブログだけが文字化けしてしまって
見れなくなってしまっていましたorz

XML宣言を消すのはタブーか?


私はウェブ制作については素人ですので、あまり気にしてはいませんが
仕事としてウェブ制作をしている方にとっては、この構文に反して作るのは
やはり重要なルール違反だと解釈する方も多いようです。

個人的には、特に問題がなければXML宣言を削除してしまってもかまわないとは思います。
でも、できればXML宣言を削除しないでスタイルシートを書き換えて
きちんとIEでもfirefoxでも表示できるようにするのが最善ですね。

次回はスタイルシートを変更してIE6で見てもfirefoxで見ても
レイアウトが崩れないようにする方法について書きたいと思います。

スタイルシートを変更して、IE6でもfirefoxでもレイアウトを崩れないようにする方法のエントリーを書きました。
IE6とfirefoxでレイアウトが崩れる場合の対処法2

※今の段階で、IE6とfirefoxではレイアウトは崩れていないと思いますが
 IE7では少しずれています・・・・・

スポンサーサイト

↓↓記事更新の大きな励みになっていますので
記事が参考になりましたら、ランキングのクリックお願いします。
人気ブログランキング ブログ村アフィリエイトランキング

ついでにブックマークもどうぞ(`・ω・´)ゞ

関連エントリー

2008/04/16(水) - HTML・CSS - ranking(25) - comment(0)

コメントの投稿


管理者への秘密のコメント

track feed