親記事と子記事のズレを調節

Sample(1) [ズレなし]

[333] サンプルです	だぃ
2333年3月3日03時03分03秒	Home　Mail
親記事です。あああああ。

[777] サンプルです	だぃ
2777年7月7日07時07分07秒	Home　Mail
子記事です。あああああ。

☆ソースの解説☆

OTD掲示板の親記事-子記事間のズレは<dl>や<dd>というリスト用のタグで行われていて、これのタグでズレを生じているわけです。ズレ幅が大きくなく、扱いにくいという人もいるでしょう。具体的にどのようなタグが記事間に生成されているのかは　ここでは説明を省きますが、これをなくすには記事と記事の間のこの類のタグを消し去ればいいわけです。

☆<body>～</body>のソース☆



☆各表示形式のソース☆
（４つ全部の形式に加えて下さい）

-->内容<!--

ただ、これだけだと全部がつながった、わけの分からない掲示板になってしまうので、treeのソースならば
$top{<font style="font-size: 10pt" ><br><br></font><hr><font style="font-size: 10pt" ><br><br></font>}
といったようにして区切り線と改行を挟み、font-sizeで改行の幅を調節するといいと思います。

Sample(2) [ズレあり]

[333] サンプルです	だぃ
2333年3月3日03時03分03秒	Home　Mail
親記事です。あああああ。

[777] サンプルです	だぃ
2777年7月7日07時07分07秒	Home　Mail
子記事です。あああああ。

☆ソースの解説☆

この場合は「ズレなし」とは別のソースになります。
まず、問題の<dd><dl>ですが、これは放っておいて構いません。これらは無視して、<div align="left">と<div align="right">とで左右に表示を分け、幅の調節にテーブルを使います。具体的には次の通りです。

☆<body>～</body>のソース☆

<table width="好みの幅" style="table-layout:fixed"><td><tr>$board</td></tr></table>

☆各表示形式のソース☆

<div align="$top{left}$!top{right}">内容</div>

$board全体をテーブルで括ると、どうしても表示速度が落ちてしまいます。（treeなどのソース内でテーブルを一旦閉じている場合は別。）これを防ぐためにstyle="table-layout:fixed" というスタイルを使用してリアルタイムに表示させていますが、無くてもさほど問題なしです。ちなみに（）内で書いたのですが、各表示形式のソースにて
$top{</table><hr など><table width="好みの幅">}<div align="$top{left}$!top{right}">内容</div>
とすればテーブルをスレッドごとに閉じるので表示速度は上がります。やや慣れている人向きです。

ズレあり：＠ＴＭ（byリクヲさん）の「＠ＴＭＢｕｌｌｅｔｉｎＢｏａｒｄ」を参考にさせていただきました。