divタグ閉じ忘れ
このブログを、IEから見ると正常やが、FireFoxで見ると、大外枠のボックスが大外枠やなしに、タイトルバナーの下で途切れて、えらい見にくいことになってた(わかりにくい説明やなぁ(笑))
まぁ、テンプレかスタイルシートに問題ありやと思ってたが、なかなか時間無くて放置してたんやが。
FireFoxがメインのブラウザになりつつあったので、本格的に調べてみた。
まず、FireFoxでソースを表示して眺めてみた。
FireFoxのソース表示ってタグとか色分けされてて見やすい。
ぼーっと眺めてたら、まず <ul>タグの閉じタグで </ul と『>』が抜けてるのを発見。
アーカイブテンプレート全部修正して再構築したが、FireFoxで見るとまだ崩れる。
となると、やっぱり ボックス組んでる divタグ が怪しいわけで。
ソース表示で、<div>と</div>を追っかけてた、
開いた、閉じた、開いた、開いた、閉じた、閉じた・・・・・・。
あーーーーーーーーーーーーーーーめんどくせい(笑)
エディタの置換機能を利用して、<div と </div の数を数えてみたら、
やはり、閉じタグの</div>が一個少ない(^^;)
テンプレで、58個の<div>タグがあるんで、追っかけたら、最後の方で、</div>無しの部分を発見。
修正したら表示がまともになった。
結構時間かかってしまった(^^;)
タグと閉じタグの関係を追っかけるええソフトおまへんかぁ?(^^;)
ゴソゴソ・・・、あ、あった(笑)
それにしてもIEはhtmlに不備があるのに意図した通りの表示してたが、FireFoxは厳密やねぇ。
IEのいい加減さがよくわかった。
しょーむない事やったが、ずっと心に引っかかってたモヤモヤだったので、『すっきり』。
