CSS バグ, output_rdf プラグイン
CSS バグ
今朝方まで CSS のバグで IE では表示が崩れていたようです。Opera/Mozilla では問題なかったので見過ごしてました。
今回の問題は、これまで kaeru テーマの sidebar 対応を妙な具合にカスタマイズして使っていたんですが1、どうもそれが原因で小さいウィンドウサイズの時に本文が下へ飛んでしまう、という問題があったのですね。
そこで他の sidebar 対応テーマの CSS を見て、
- div.sidebar は position: absolute; しつつ width を適当に規定。
- div.main は margin-left で sidebar を避ける
という形に改造してみたわけです。
ここで問題だったのは、position: absolute; しているにも関わらず left や top などのパラメータを指定しなかったこと。Opera や Mozilla ではどうも規定値は今回の場合左上になるようなんですが、IE だけは、y 座標は他のブラウザと同じながら、x 座標については変なふうにセンタリングされた座標が選択されるようなのです。div.sidebar の親は body で、body でも align は指定していないのにこんなふうになっちゃうんですねぇ…。
結局のところ、暗黙値に頼ってはいけない、ということですね。気をつけよう。
output_rdf プラグイン
を使って index.rdf ファイルを用意しているんですが、これって隠された日記の更新も出力しちゃうんですね。うーん…。
-
div.sidebar を float: left; して div.main を float: right; する、とかゆー安直な改造。 ↩︎