safariでレイアウトが崩れる件、解決しました、たぶん。(笑)
winな人がマックのsafariでどう見えるかを確認できるサイト iCapture で確認した所うまいこと表示できたので、たぶん解決しました。(笑)
サイドバーのサブカテゴリのリストスタイルの出力がおかしくなってたというオチでした。(苦笑)
サイドバーのカテゴリリストがサブカテゴリーで終わっていたので、リストスタイル・タグがちゃんとしまっておらずの終了タグが余計に出力されており、以降の部分にリストスタイルが継承されてしまっていたため、インデントされてしまいバナースイッチが横にはみ出し、float配置していたBOXが下にずれてました。
一番最後の”このブログについて”というカテゴリをフィルター・カテゴリ・プラグインで非表示にしていた関係でこうなっていたのかもしれませんが、その辺は確認していないので定かではないです。
プラグインはずしたら、上記のようにsafariでも普通に見れる画面になったので、まぁよしとします。
以下に、最後がサブカテゴリで終わるカテゴリリスト(フィルタカテゴリプラグイン使用)と、親カテゴリで終わるカテゴリリストの出力結果を転記しておきます。
一番下がサブカテゴリで終わっている(フィルターカテゴリプラグイン使用)時は、” ul ” ” li ” タグの終了タグが1セットだけ余計です。(青字部分)
cider の palmyeti さん、Naga BLOG の naganaga さん、色々とお付き合いいただきありがとうございました。m(__)m
▽カテゴリの一番下がサブカテゴリで終わっていた時の出力結果(フィルターカテゴリプラグイン使用)
<DIV>
<UL>
<LI><A title=店舗開発
href="http://www.garaku.cc/blog/archives/01tenpo/index.php">店舗開発</A> [22]
<LI><A title=仕事雑感
href="http://www.garaku.cc/blog/archives/02work/index.php">仕事雑感</A> [29]
<LI><A title=たわごと
href="http://www.garaku.cc/blog/archives/03monolog/index.php">たわごと</A> [41]
<LI><A title=車関連(S-MXなんか)
href="http://www.garaku.cc/blog/archives/04smx/index.php">車関連(S-MXなんか)</A> [11]
<LI><A title=こころ
href="http://www.garaku.cc/blog/archives/05kokoro/index.php">こころ</A> [14]
<LI><A title=ブログ
href="http://www.garaku.cc/blog/archives/06blog/index.php">ブログ</A> [22]
<UL>
<LI><A title="MT 3.11-ja"
href="http://www.garaku.cc/blog/archives/061mt311ja/index.php">MT 3.11-ja</A>
[12]
<LI><A title="MT 3.01D-ja"
href="http://www.garaku.cc/blog/archives/062mt301dja/index.php">MT 3.01D-ja</A>
[37] </LI></UL>
<LI><A title=ネット関連
href="http://www.garaku.cc/blog/archives/07web/index.php">ネット関連</A> [30]
<UL>
<LI><A title=リンク
href="http://www.garaku.cc/blog/archives/071link/index.php">リンク</A> [2]
</LI></UL>
<LI><A title=ヘビーローテ♪
href="http://www.garaku.cc/blog/archives/08music/index.php">ヘビーローテ♪</A> [23]
<LI><A title=読まずに死ねるか!
href="http://www.garaku.cc/blog/archives/09book/index.php">読まずに死ねるか!</A> [14]
<LI><A title=この人を見よ。
href="http://www.garaku.cc/blog/archives/10movie/index.php">この人を見よ。</A> [13]
<LI><A title=モブログ
href="http://www.garaku.cc/blog/archives/11moblog/index.php">モブログ</A> [21]
<LI><A title=創りモノ
href="http://www.garaku.cc/blog/archives/12create/index.php">創りモノ</A> [3]
<LI><A title=レビュー
href="http://www.garaku.cc/blog/archives/13review/index.php">レビュー</A> [22]
<UL>
<LI><A title=ハード
href="http://www.garaku.cc/blog/archives/131hard/index.php">ハード</A> [9]
<LI><A title=ソフト
href="http://www.garaku.cc/blog/archives/132soft/index.php">ソフト</A> [8]
<LI><A title=気になるモノ
href="http://www.garaku.cc/blog/archives/133kininaru/index.php">気になるモノ</A> [19]
</LI></UL><BR></LI></UL></DIV><!– サブカテゴリー用 –>
▽カテゴリの一番下が親カテゴリで終わる時の出力結果(フィルターカテゴリプラグイン未使用)
<DIV>
<UL>
<LI><A title=店舗開発
href="http://www.garaku.cc/blog/archives/01tenpo/index.php">店舗開発</A> [22]
<LI><A title=仕事雑感
href="http://www.garaku.cc/blog/archives/02work/index.php">仕事雑感</A> [29]
<LI><A title=たわごと
href="http://www.garaku.cc/blog/archives/03monolog/index.php">たわごと</A> [41]
<LI><A title=車関連(S-MXなんか)
href="http://www.garaku.cc/blog/archives/04smx/index.php">車関連(S-MXなんか)</A> [11]
<LI><A title=こころ
href="http://www.garaku.cc/blog/archives/05kokoro/index.php">こころ</A> [14]
<LI><A title=ブログ
href="http://www.garaku.cc/blog/archives/06blog/index.php">ブログ</A> [22]
<UL>
<LI><A title="MT 3.11-ja"
href="http://www.garaku.cc/blog/archives/061mt311ja/index.php">MT 3.11-ja</A>
[12]
<LI><A title="MT 3.01D-ja"
href="http://www.garaku.cc/blog/archives/062mt301dja/index.php">MT 3.01D-ja</A>
[37] </LI></UL>
<LI><A title=ネット関連
href="http://www.garaku.cc/blog/archives/07web/index.php">ネット関連</A> [30]
<UL>
<LI><A title=リンク
href="http://www.garaku.cc/blog/archives/071link/index.php">リンク</A> [2]
</LI></UL>
<LI><A title=ヘビーローテ♪
href="http://www.garaku.cc/blog/archives/08music/index.php">ヘビーローテ♪</A> [23]
<LI><A title=読まずに死ねるか!
href="http://www.garaku.cc/blog/archives/09book/index.php">読まずに死ねるか!</A> [14]
<LI><A title=この人を見よ。
href="http://www.garaku.cc/blog/archives/10movie/index.php">この人を見よ。</A> [13]
<LI><A title=モブログ
href="http://www.garaku.cc/blog/archives/11moblog/index.php">モブログ</A> [21]
<LI><A title=創りモノ
href="http://www.garaku.cc/blog/archives/12create/index.php">創りモノ</A> [3]
<LI><A title=レビュー
href="http://www.garaku.cc/blog/archives/13review/index.php">レビュー</A> [22]
<UL>
<LI><A title=ハード
href="http://www.garaku.cc/blog/archives/131hard/index.php">ハード</A> [9]
<LI><A title=ソフト
href="http://www.garaku.cc/blog/archives/132soft/index.php">ソフト</A> [8]
<LI><A title=気になるモノ
href="http://www.garaku.cc/blog/archives/133kininaru/index.php">気になるモノ</A> [19]
</LI></UL>
<LI><A title=このブログについて
href="http://www.garaku.cc/blog/archives/99about/index.php">このブログについて</A> [2]
</LI></UL><BR></DIV><!– サブカテゴリー用 –>
完成おめでとうございます~。
自分も、テンプレートのバグを早く解決しないといけないのですが…、ちょっとまとまった時間がとれません。
確か、Macな人がWIN版IEの表示を確認できるサイトがあったんですが、ブックマークがどっかいってしまってググって探しているんですが、どうも見つからないです。知ってたら教えて下さい。
いつも記事を参考にさせていただいてます。
えっと、私はIE5を使ってるのですが、
レイアウト崩れてしまっています・・・。
ちなみに、IE用のは↓
http://danvine.com/iecapture/
ieCapture
6, 5.5, 5, 4とOpera 7.23, Fire Fox 0.8での
表示が出てきます。
iCaptureと同じサイト内にありますよー。
> naganga さん
色々お世話になりありがとうございました。^^
テンプレートのバグですかー?
今のところ順調に表示されてると思いますよー。^^
> Noel さん
うわーい。ハラホロヒレハレー。
ご報告ありがとうございます。^^
崩れてますかー。
見なかったことにしようかな・・・。(苦笑)
>Noelさん
ありがとうございました。やっとこれでやっと確認できます。ただiflameタグを使っていると画面のレンダリングに時間がかかってしまい完全に表示が終了されないままキャプチャーされてるみたいです。古いブラウザーのレンダリング性能の遅さを改めて実感してしまいました。
>Border.さん
順調といっても隠れバクがありますのですよ。実はMac版IE5では、NagaBLOGのCSSが完全に読み込まれないんです。原因を調べている最中ですが、よく分かりません。(T^T)
恐らく文字コードがらみだと踏んでいるのですが…。
> naganaga さん
こんちわー。
Mac版IE5ですかー。やっぱIEは駄目っすねー。私は火狐へ乗り換え検討中です。(苦笑)
手間ですが、スタイルシートの切替をIE5だけしてみてはいかがです?