1週間くらい前から進めていた、サイトのリニューアル作業がようやく終わりアップロード。ついでに XHTML1.1 にした。面倒だったがスタイルシートを分割したり、よりシンプルな HTML を心がけたつもり。
ヘッダ部分(タイトルとメニュー)は苦労した。
自然に <h1> と <hr> の距離を詰めるには <h1> を inline にした方が都合が良く、でもそれだけだと Netscape じゃ 線がメニュー部分まで突き抜けやがる。仕方がないので <hr> も inline にすると、当たり前だが線が <h1> の横に来てしまう(IEは変わらなかったが・・)。んで <div>。しょうがねえべこりゃ。
JBBSは現在、タイトルの下、最後のスレッドの下、スレッドリスト、スレッド表示がカスタマイズできるが、タイトルはカスタマイズが反映される部分のさらに上に出力される。
<body> 内だろうがなんだろうがおかまいなしにスタイルシートをぶち込み、<div> で囲う事もできないので position:absolute; で無理矢理位置を調節したりして、よし、やっとIEで同じような表示になったぞと。Netscape も最新版の7.1で確認し、多少崩れてるが機能には問題ないしこれでOKだろう・・と思ってたら会社のマシンに入れてある7.0で見て愕然。 <hr> とご案内の文章がメニューに重なっちまってメニューが操作不能じゃないですか。あぁああぁぁ
仕方がない、統一性は損なわれるが border で・・と思ってたら昼過ぎ、いつ増えたのか知らんが規定の位置にタイトルを出力しないというJBBS独自タグを発見して解決・・・
デザインを統一できてかなり幸せ。
しかしJBBSのカスタマイズ方法の詳細なまとめサイトって一つもないような・・Wikiにでも書いておくか。