2004.10.18

ブラウザによる見え方の違い(for Mac)

■日頃、Macに馴染みの無い方もどうぞ
せっかくのスタイルシートもWeb ページはブラウザによって見え方が違う事が、Web デザイナーの悩みの種ですよね。
まずは一番基本となるブロックで検証してみます。
左から以下の順です。
・Internet Explorer 5.2 for Mac(略:IE)
・Netscape 7.0 for Mac
・Safari 1.2.3 (v125.9)

border.gif

 指定したスタイル
 .border10 { width: 100px; height: 100px; border: solid 10px #808080 }

IE(for Mac)ではブロックの内側に境界線を作成するため、100ピクセルのブロックに10ピクセルの境界線を指定すると実質80ピクセルの内枠となります。
たとえ1ピクセルのラインでもレイアウトが乱れる原因になります。
旧OS(for Mac) ではまだまだ IE(for Mac) を使用しているユーザーも多いので注意が必要です。

photo
hashimoto