safariだけ表示がおかしくなります

質問

ブログを作成しておりますが、safariでのみ不具合が出ております。
非常に分かり難い説明になりますが、どうかご教授願います。

トップブロック、インナープロック、フッターブロックがあり
インナーブロック内にレフトブロック、記事ブロック、ライトブロックと
あります。
コメントをしたい方が、記事のフッター部分にあるコメントを
クリックするとコメントフォームへ飛ぶ訳なのですが、
safariのみトップブロックがなくなった状態になってしまいます。
IE、Firefoxではそのようにはなりません。

safari利用は少ないものの、私自身がMacでsafariを利用しているので
解決したいと思っています。
どうぞ、よろしくお願いします。

回答No.2

jein

フレームで構成されたサイトで、リンクの処理を行うときの「リンク先をどこに表示するか」
の指定が間違っているか、指定がされていない可能性があります。

残念ながら、どこが間違っているかについては、ブログ画面として
生成済みの状態では判断がしづらいですが、ソースを見る限りは
EntryCommentクラスでコメント数を表示している部分の処理について
記述されているとおもわれますので、ブログ管理画面などから見られる
テンプレートのCSS編集で、EntryCommentクラスの周辺を確認してみてください。

補足

<span class="EntryComment">
<a href="<!--$entry_link-->#comment" title="コメント">
Comment ( <!--$entry_comment_num--> )
</a>
</span>
<!--/if_cm_receipt-->
</div>
</div>
<!--/entry-->
<!--if_entry-->
<!--if_cm_receipt-->
<div class="CommentBlock">
<a name="comment">
</a>
<div class="CommentTitle1">
----- Comment -----
</div>

CSSにはこれしか指定してません。
.EntryComment {
margin-left: 5px;
}

ちなみにCSSのbodyBlockにposition: relative;とすると
トップブロックが消える事はなくなるのですが
WinのIE利用者から、スクロールが下まで出来ないとの
指摘がありました。
一体どうしたら良いやら。

回答No.1

jein

ブラウザによって表示に差異があるのはしかたありません。
互換性をあげようとすれば拡張タグなどは切り捨てなければいけません。
拡張タグを使わないとしても、ブラウザエンジンが異なれば同じ記述に
対しての挙動や見え方もかわりますので全く同じにはできません。
どうしても同じように見せたい場合はページをまるまるFlashで構成するといった手段になります。
私も個人のブログを開設していますが、ブラウザによる表示の崩れがやはりあります。
私の場合は作成している本人がIEはほとんど使わず、FirefoxかSafariを使っているため
その二つで表示に問題がなければ良しとしています。
(ページトップにもSafariとFirefoxで表示確認をしている旨記載しています)

昨年はWindowsにもSafariが出て、Firefox同様WinでもMacでも使える
ようになりましたが、同じブラウザなのにWin版とMac版ですら表示のずれがあります。
これは基本にしているフォントなどにも影響されているかとは思いますが。

ご質問にあるようなページを、Safariで表示が正常にできるようになった
としても、その変更により他のブラウザで崩れてしまう可能性もあります。

ですから、どこかで妥協しなければいけないのではないかと思います。

実際にどのようなHTML,CSSを使われているかソースを示していただければ
どこが原因になっているのかはわかるかもしれませんが
OKWaveでは個人のサイトが特定できるような内容を記載すると
トラブルの元にもなりかねないので、記載する場合はリンク先URLなどを
ダミーの情報にかえた上で補足してください。

補足

http://corgipen.blog.shinobi.jp/Preview/V/5/

こちらにダミーで作成致しました。
記事のフッターにあります、Commentをクリックすると
ブログのタイトルがあるトップブロックが消えてしまいます。
MacのFirefox、WinのIE、Firefoxで表示確認致しましたが
問題はありません。
Safariだけの事象です。