ブラウザによる表示の違い

いまだ多くのインターネットユーザーが利用するブラウザは「Internet explorer」ですね。しかしながら最近では別のブラウザを利用する人も増えてきました。おそらく「Internet explorer」に対する不満からであると思いますが、このことがホームページ制作を厄介なものにさせているひとつの原因にもなっています。

それは表示の違いです。

CSS(スタイルシート)の解釈の違いからおきてしまうのですが、1つのページをすべて同じように表示させるというのはなかなか高いハードルとなります。

自分のパソコンと他人のパソコンでは見え方がちがう

例えばある人がホームページを作成し、その人が友人に「ホームページ作ったから見てよ。」なんていったときに「なんだよぉ…レイアウトが変じゃん…」なんてことがあります。

ホームページを作った人のブラウザは「Internet explorer7」その友人のパソコンのブラウザは「Internet explorer6」この違いで大きくレイアウトが変わってしまう場合があります。

CSS(スタイルシート)で制作するからこうなるわけで、それを避けるためには「ガチガチのテーブルレイアウト」それでは本末転倒ですね。

ではどうするかというとすべてのブラウザでそれなりにきちんと表示されるという妥協点を探していくしかないのです。ある程度文法の正しいHTMLとCSSで制作したページであればその妥協点も見つけやすいのですが、そもそもそのHTMLやCSSが適切でなかった場合にはとても困難なことになってしまいます。

全てのブラウザでまったく同じように表示させることは不可能かもしれませんがそこそこ同じように表示させることは可能です。

ホームページを制作するときには様々なブラウザで表示の仕方を確認することがとても重要です。もちろんこのサイトで扱うテンプレートはチェック済みですのでマニュアルどおりにHTMLを書いていくことで全てのブラウザでそこそこ同じように表示されます。

ちなみに私の使うブラウザは「Firefox」制作中の表示の確認はまずは「Firefox」これできちんと表示されても「Internet explorer7」だとちょっと気になるところが出てくる。そこを修正して「Internet explorer6」で確認すると「うわぁ~何だコリャぁ」となります。で、そこを修正していけばそのほかのブラウザはたいていそこそこ同じように表示されます。

時間をとられるのはいつも「Internet explorer」。

こちらの記事も参考になるかも

    None Found

数百万点の写真素材「fotolia」