latest 50 entries

2006年05月24日

  • divタグ閉じ忘れ

このブログを、IEから見ると正常やが、FireFoxで見ると、大外枠のボックスが大外枠やなしに、タイトルバナーの下で途切れて、えらい見にくいことになってた(わかりにくい説明やなぁ(笑))

まぁ、テンプレかスタイルシートに問題ありやと思ってたが、なかなか時間無くて放置してたんやが。
FireFoxがメインのブラウザになりつつあったので、本格的に調べてみた。

まず、FireFoxでソースを表示して眺めてみた。
FireFoxのソース表示ってタグとか色分けされてて見やすい。
ぼーっと眺めてたら、まず <ul>タグの閉じタグで </ul  と『>』が抜けてるのを発見。
アーカイブテンプレート全部修正して再構築したが、FireFoxで見るとまだ崩れる。

となると、やっぱり ボックス組んでる divタグ が怪しいわけで。
ソース表示で、<div>と</div>を追っかけてた、
開いた、閉じた、開いた、開いた、閉じた、閉じた・・・・・・。
あーーーーーーーーーーーーーーーめんどくせい(笑)

エディタの置換機能を利用して、<div と </div の数を数えてみたら、
やはり、閉じタグの</div>が一個少ない(^^;)

テンプレで、58個の<div>タグがあるんで、追っかけたら、最後の方で、</div>無しの部分を発見。
修正したら表示がまともになった。
結構時間かかってしまった(^^;)

タグと閉じタグの関係を追っかけるええソフトおまへんかぁ?(^^;)
ゴソゴソ・・・、あ、あった(笑)

それにしてもIEはhtmlに不備があるのに意図した通りの表示してたが、FireFoxは厳密やねぇ。
IEのいい加減さがよくわかった。

しょーむない事やったが、ずっと心に引っかかってたモヤモヤだったので、『すっきり』。