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

コメント
そんなあなたにhtmllint(Another HTML-lint gateway)。
タグの閉じ忘れ以外にもいろいろと突っ込まれる可能性大ですが(ぇ
> IEのいい加減さがよくわかった。
いい加減なのではなくて、逆に不備があっても正常表示(不備を自動補完)してくれるという優秀さを(ぇ
Posted by: 通りすがれ | 2006年06月02日 00:22
便利なツールの情報ありがとうございます。
Posted by: アットマン | 2006年06月02日 09:22
具体的にはここですね↓
http://openlab.ring.gr.jp/k16/htmllint/index.html
Posted by: アットマン | 2006年06月03日 16:55
私も偶然通りすがったんですが、便乗して件のツール頂きます。
・・・と言っても、二十年前に8ビットPCのROM-BASIC、十年前にMS-DOSのコマンドを触った程度で、HTMLなんかツール任せにしてました。
それが回りまわって、「正しいHTML」について考えないといけない部署に配属されるとは・・・。
一から勉強しなおしです。もう脳みそ固まってるのになぁ・・・。
Posted by: レレレのレィ | 2006年06月04日 00:05
あら、異動になったんか。
がんばれ(笑)
Posted by: アットマン | 2006年06月06日 00:19
ども、がんばります~。
でも、異動しても時給は一緒。
グチっても仕方ないですし、定職に就けてるだけマシと思って、もうしばらくアノ会社に勤めることにします。
Posted by: レレレのレィ | 2006年06月06日 23:38
騒動以降、雰囲気は変わった?(^^;)
Posted by: アットマン | 2006年06月06日 23:45
全然変わってません。
いやほんと、勤めて4~5年になりますが、会社的には色々あったんですけど個人的には変わった記憶がないなぁ・・・・。
Posted by: レレレのレィ | 2006年06月13日 02:00
FireFoxの拡張機能で、すべて解決できますな。
『たのしい検索・ゆかいな検索: 眺めてみた』↓
http://tano-ken.net/2006/10/post_409.html
こちらのサイトで取り上げられてた(笑)
Posted by: アットマン | 2007年01月06日 18:01