もともと前回(っても公開してないけど)までは W3C にちょぴーり忠実にということでレイアウトな table タグの使用を控えて、サイト全体の横幅を固定した上で float 使ってメニューとコンテンツの 2列表示をしてたわけだけど、今回 rNote 化にあたって横幅固定を止めてみた。
結果 IE では右列の中にフォーム等幅のあるブロックがあると、ウィンドウ幅縮小時に右のブロックが上下にみごとにぶち切れたりする。
別に折り返すわけでなくただ切れるという不自然さ。
Opera だとぶちきれはないけど中に入っていなければおかしい要素が箱から飛び出したりする(ノд｀。)
バグっぽい…。
float で折り返した時にブロックがブロックを維持するのは手元では Mozilla だけ(^^;
幅を完全に固定配備すれば問題はおきないけど…ウィンドウ幅を広げた時に左右の余白がもったいないし…。

ちなみに Woody-Rinn さんのページではブロックを absolute で固定していた。
でも絵がいっぱいのページと違ってヘンゼルのとこは字主体なのに absolute 使うのも流儀に反する…。

というわけで素直にレイアウトをテーブル化。
やぱり楽ちんででなんでもできるー♪

でも作っているうちに IE だと 2列の td の 左に width で固定幅指定した上で右を auto にしたりすると、右の中身が左の幅とそう変わらないか小さい時に、width が無視されて等分されてたりすることを発見(ノд｀。)
Opera でもときにはおきるらしい。
絶対起きないのはまたしても Mozilla だけ…。
MiG-31(笑) Firefox が向こうではそろそろ 1.0 だし…乗り換えようかな、って公開するサイトなんだから IE でちゃんと見れなきゃ意味がない。

結局これについては、見えないブロックを右列に配置して突っ張らせることで解決した(^^;

さらに作っているうちに rNote 付属の plugin である navitools.php のカレンダー出力で年月が <th> タグに囲まれるルールになっているはずが、<td> になっているのを発見。
バグっぽい…。
CSS の指定が外れちゃうので、こそーり修正♪