レイアウトが崩れることについて

差し支えなければそのサイトを指示して下さるとレスが付きやすくなります。
漠然と書かれても答えようが無い場合が多いですから。

kucing さんのおっしゃるとおりです。
たぶん、Safari が原因と言うよりは、そのサイトの方に原因があるのではと想像しますが、それにはそのサイトを見ない事には分かりません。
IE で表示が崩れないから「そのサイトが正しい」とは限らないです。
本来ならどのような環境でも正常な表示がされるように作るのがウェブ制作者のモラルですが、その様になっていないサイトが結構あります。
制作者側、サイト管理者側の「逃げ」として「このサイトは○○○○でご覧ください」というコメントが入っている場合もありますね。

失礼しました！
http://www.kawamoto-sangyo.co.jp/index.html
上記サイト、とある企業のサイトなのですが、僕のSafariでは、イメージが
正しく表示されずにスペースみたいなものが入っちゃってます。
こういうサイトが結構あるのですが、IEでは表示に問題はないみたいです。
あと、ページ側でフォントサイズや形式を指定していない場合、
どのページでもそうなんですが、
『この上の文字
　この下の文字』
“この上の文字”と“この下の文字”との『間＝行間』の縦の幅がIEとSafariとでは
違うみたいなんです。これにより、Safariではレイアウトが崩れてしまって、
IEに比べ、Safariで表示すると文字数が多ければ多い程、
Safariでは縦長のページに化けてしまうんですよ…。
これにより崩れが引き起こされることが多々あり、気になってしまいます。
ちょっとわかりづらいかもしれませんが、
改善策等あれば、お願いします。

ソースの細かい事は分かりませんが、少なくとも事例のサイトはIEにのみ対して考えられた作られ方をしてるんじゃないでしょうか？
FireFoxでもNetscapeでもレイアウト崩れますし。

kucing さんがおっしゃるように「IE 用」ですね。
作者は特に「IE 用」と意識しては居ないかも知れませんが「IE でしか表示を確認していない」のだと思います。
ソースを見ると、テーブル内のセルを縦横に連結してそれが入り組んでいます。
この場合、テキストの行間は関係ありません。
連結したセルの入り組んだテーブルは「全く連結していないセル」を縦1行と横1列に通しで入れて（表現が難しいです）それを基準としておかないと整列が崩れてしまう事があります。
ざっと見ただけなので正確には何とも言えませんが、テーブル内のセルの組み方をもう少し整理すれば IE 以外でもちゃんと見られると思います。
では、それでもちゃんと見える IE が良いブラウザーで、他のブラウザーがダメかと言うと、そうとは言えません。
IE には、他のブラウザーと HTML の表示に仕様の違う所があって、それがたまたま今回はプラスに働いたと言う感じです。

＞ソースを見ると、テーブル内のセルを縦横に連結してそれが入り組んでいます。
この場合、テキストの行間は関係ありません。
連結したセルの入り組んだテーブルは「全く連結していないセル」を縦1行と横1列に通しで入れて（表現が難しいです）それを基準としておかないと整列が崩れてしまう事があります。
ソースをMozillaのコンポーザでペーストしてみました。
レイアウトを見てみると書かれている通りセルが入り乱れていますね。
こんなに入り乱れたレイアウトしなくても１枚のセル内に画像を分けないで画像１枚で置く事ができそうに思います。
このレイアウトだとセルの大きさと画像の大きさをきれいに一致させるのが難しそう…
トピ主さんもMozillaとかNetscapeとかでソースをコピーしてレイアウトを見てみるとチップトップさんの書かれている内容が理解できるかと思います。

> こんなに入り乱れたレイアウトしなくても１枚のセル内に画像を分けないで画像１枚で置く事ができそうに思います。
そうです。
何か、わざと複雑にカットしたとしか思えないですよね。

いやはや、お早いレス、恐れ入ります！
問題のサイトですが…、なるほど…、テーブルが問題を起こしているのですね。
なぜそんな複雑な構造にするのだろう。仰る通り、複雑な構造にするより
普通に表示した方が良いのに…。ソースとか調べて頂いたり、僕の為に貴重な
時間を費やして頂き、本当にありがとうございます！！
申し訳ないのですが、もう少しだけお付き合い頂ければ幸いです。
http://www.amazon.co.jp/exec/obidos/tg/browse/-/489986/249-7465777-3446746
上記サイト、皆さんもきっとご存知のアマゾンなんですが、
試しにIEとSafariで表示して見比べて頂けませんか？
両ブラウザとも同サイズのフォントなら、
左の枠の長さ等、Safariの方が全体のレイアウトが縦長になってしまうと思います。
これは、safariの行間の空白がIEよりも多い為に起こるのだと思うのですが、
そもそも、IEの表示が正しいと思う方が間違いなのでしょうか？
場合によっては、この行間の空白が多いせいで文字が写真の下に隠れたり、
レイアウトがグジャグジャになってしまい、
見られないページもあるくらいなんです（泣）

IE 5.2.3、ネスケ7.1 の両方で確認しましたが、IEが一番行間は狭いですね。
ネスケと Safari は割と近い感じです。
で、どれが一番文章を読みやすいと思いますか？
私は Safari だと思いますよ。
> 行間の空白が多いせいで文字が写真の下に隠れたり
それは、そのサイトの制作にホームページビルダーが使われているのでは？
ホームページビルダーの「どこでも配置モード」とで作られたページは「その様になる」事で知られています。
「どこでも配置モード」というのは写真でも文章でもドラッグで何処にでも配置して、そのままホームページが出来てしまうという非常に簡単に凝ったデザインのページが出来るので Windows ユーザーの多くが使います。（初心者も）
しかし実際には「レイヤー」を配置しているだけなのです。
レイヤーというのは画面左上からのピクセル数で位置を指定しますから、フォントのサイズや行間が違ったり、OSやブラウザーの種類が違うだけで「作者の意図と違う表示」になってしまうという諸刃の剣の様なモードなんです。
それを初心者にも簡単に（何も教えずに）使わせてしまうホームページビルダーが悪いです。
　　・余談ですが、仲間内ではホームページびびるだーと呼んでおります。(^_^ );
少数派のMacは辛いですが、もともとクロスプラットフォームが WWW の原則ですから、誰でも見られるようにしておくのが制作者側の責任です。
せめて「文字レイヤー」の方を「写真レイヤー」の上にオーバーラップするように設定しておいてくれれば「文字が読めない」事は無いはずですけどね。
Windows を使っている人は「他の環境」なんて事は考えないですから。
急場の対策としては、 Safari の表示メニューから文字の縮小をすれば良いと思います。
キーボードショートカットは「コマンド」＋「-」（数字キーのマイナス）です。

ネスケはSafariと近い感じなんですか？う〜む、Safariだけなのかと思いました。
ブラウザーによって、これだけ表示に差が出るもんなんですね…。
どれが一番文章を読みやすいと思うか？僕もそれはSafariかなぁ…。
そもそも『アップル純正ブラウザー』これだけで嬉しいものですから（^o^）
IEの行間が狭いのが『普通』だと思い込んでしまい、Safariの表示はおかしい？
改善策は？…と、固執していた様に思えてきました。
表示に対しても、ブラウザーの仕様とのことなので、これは、
読み手の感性や好みによるところですよね。
急場の対策として、文字を縮小させて頂いています（^^）
とはいえ、Safariでは正しく表示できないページが多々あるのも事実なので
（多分、そういうページ程Winユーザーのみにしか配慮していないのでしょうね）
その辺りの改善や、Safari自体の不具合も、時期バージョンで等で改善されると
嬉しいな〜(^_^)♪仰る『誰でも見られるようにしておくのが制作者側の責任』も、
その通りだと思います！
＞それは、そのサイトの制作にホームページビルダーが使われているのでは？
的を射っています！！その通りなんですが、まさかビルダーが起因している
とまではわかりませんでした…。問題が起こるページと起こらないページが
あるみたいなんで、“オーバーラップ”なる処理がされているのでしょうね…。
ホームページびびるだー（笑）僕も使わせて頂こうかなー（笑）
いや、本当、色々とありがとうございます。
これからも多少問題はあっても、Safariを使っていきたいと思います。
また問題がありましたら、その時はよろしくお願いします！