IEとFFの違い その対策方法
ブラウザの種類は、実に多数存在します。
ブラウザはサイトを閲覧するためのツールです。普段自分が愛用しているブラウザで正しく表示されていても、ある日他ブラウザで見ているユーザから、「崩れてるぞ」と言われてたら、、、、
聞かなかったことにしよう。
ある日他ブラウザで、自分のサイトがガチャガチャなのを発見したら、、、、
見なかったことにしよう。
で、、解決・・・・はしません。
冗談はここまで。
ブラウザの表示方法の違い
なぜ、ブラウザにより表示が違うかと言えば、サイトソースの考え方がブラウザによって違いがあるからです。
というよりは、ＩＥの考え方が他と違う、と言うべきなのでしょう。
その代表的な違いが、Width に対する考え方です。
Paidding とは、テキストなどと、外枠との内側の距離を指します。
仮に、テキストの Width を500 px 左右の Paidding を10 px に設定したとします。
この Paidding をテキスト内で指定した場合、ＦＦでは、テキストの外側にアキができるので、テキストの幅は500 px でかわりません。それにに対し、ＩＥでは、テキストの中に Paidding が設定され、テキスト自体の幅は 480 px になります。
逆に言えば、ＦＦで、Paidding 設定をした場合、ＩＥより左右 10px 大きくなることになります。
ＩＥの使用者が多く、ＩＥでサイトを先に作ってしまうため、他ブラウザが面倒だという印章を持ちやすいですが、本来は、他ブラウザのほうが文法的には正解なのです。
これを回避する手段としては、Paidding 設定をテキスト内で行わないことです。
Paidding は別に div 指定 で設定しておくと、テキスト幅に影響をうけません。 また、文法に正確なＦＦに合わせて、サイトを作ることも良い方法です。
関連する記事