実際のあただねっとトップページを題材に
Mac OS X v10.3 Panther(パンサー)の
Safari 1.3(apple/サファリ)で確認。

Safari/Panther(パンサー)

あただねっとトップページ制作後のイメージ1
※赤丸部分がずれている

ホームページ制作後のイメージ1

あただねっとトップページ制作後のイメージ2
※イメージ1の赤丸部分を拡大。Win IE6.0などと比べるとズレている。

  • 解決策
    • 文字のサイズを小さくする
    • 色のついた枠の横幅を広く変更する
    • 許容範囲とする

ホームページ制作後のイメージ2

あただねっとトップページ制作後のイメージ3

ホームページ制作後のイメージ3

あただねっとトップページ制作後のイメージ4

ホームページ制作後のイメージ4

利用率の高いWinのIE6.0ブラウザでバランスよく表示できても、MacのSafariブラウザでデザインが大きく崩れてしまうサイトもあります。

ホームページ作成ソフトなどでただ作ったホームページと、意識したホームページ制作は「質の違い」が出てきます。