« 参観日 | メイン | FIFAワールドカップ2006 あと少し »

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のいい加減さがよくわかった。

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

コメント

そんなあなたにhtmllint(Another HTML-lint gateway)。
タグの閉じ忘れ以外にもいろいろと突っ込まれる可能性大ですが(ぇ

> IEのいい加減さがよくわかった。

いい加減なのではなくて、逆に不備があっても正常表示(不備を自動補完)してくれるという優秀さを(ぇ

便利なツールの情報ありがとうございます。

具体的にはここですね↓
http://openlab.ring.gr.jp/k16/htmllint/index.html

私も偶然通りすがったんですが、便乗して件のツール頂きます。

・・・と言っても、二十年前に8ビットPCのROM-BASIC、十年前にMS-DOSのコマンドを触った程度で、HTMLなんかツール任せにしてました。

それが回りまわって、「正しいHTML」について考えないといけない部署に配属されるとは・・・。

一から勉強しなおしです。もう脳みそ固まってるのになぁ・・・。

あら、異動になったんか。
がんばれ(笑)

ども、がんばります~。
でも、異動しても時給は一緒。

グチっても仕方ないですし、定職に就けてるだけマシと思って、もうしばらくアノ会社に勤めることにします。

騒動以降、雰囲気は変わった?(^^;)

全然変わってません。

いやほんと、勤めて4~5年になりますが、会社的には色々あったんですけど個人的には変わった記憶がないなぁ・・・・。

FireFoxの拡張機能で、すべて解決できますな。

『たのしい検索・ゆかいな検索: 眺めてみた』↓
http://tano-ken.net/2006/10/post_409.html
こちらのサイトで取り上げられてた(笑)

コメントする

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)