■日頃、Macに馴染みの無い方もどうぞ
せっかくのスタイルシートもWeb ページはブラウザによって見え方が違う事が、Web デザイナーの悩みの種ですよね。
まずは一番基本となるブロックで検証してみます。
左から以下の順です。
・Internet Explorer 5.2 for Mac(略:IE)
・Netscape 7.0 for Mac
・Safari 1.2.3 (v125.9)
指定したスタイル
.border10 { width: 100px; height: 100px; border: solid 10px #808080 }
IE(for Mac)ではブロックの内側に境界線を作成するため、100ピクセルのブロックに10ピクセルの境界線を指定すると実質80ピクセルの内枠となります。
たとえ1ピクセルのラインでもレイアウトが乱れる原因になります。
旧OS(for Mac) ではまだまだ IE(for Mac) を使用しているユーザーも多いので注意が必要です。