ここで

ここでHTML&CSSの話をするのはいいのだろうか、というかお茶くみ日記でやれよという話もありますが堪忍して下さい。

さて、今まで一時間程、星屑爆撃舞台のサイトに調整を入れておりました。

その内容は

・更新履歴の追加
・メニューのリンクを修正（開いているページのリンクを切った）

とまぁこんな感じなのですが。

この更新履歴がくせ者でした。

まず最初に、どんな感じになるのか、ということでtext-align: right;を使って右に滑らせる。

text-align: right;でボックスが右に動くのはIEのバグなので、当然NN,Operaでは左側に表示されてします。

しばらく悩んでからフロートを試してみると、これならOperaでもIEでもキレーに表示されるではないか！

OperaとIEでＯＫならNNも大丈夫だろうという判断で、フッターにclear: right;をセットしてfloat作戦で行こうと決めたわけ。

で、最後にNNでチェックしたらもう完全に表示がおかしいorz

親要素までぶっちぎるという（多分floatのバグだと思う）荒技を繰り出されたので、再設計しかないか……と悩んでいたら閃きんぐ。floatがだめまらmargin: auto;を使えばいいじゃない。

というわけでLOGボックスの一番外側にmargin: 5px 20px 0px auto;をセット。

今度は全てのブラウザ+Operaの拡大機能で表示をチェックする。

と、まったく問題ないではないか！

こんな感じで、やっと思い通りの表示をさせることができました。

＿＿＿＿

多分追記します。小説の進捗とか。
＿＿＿＿

で、追記。

本当に済まなかったと思っている。某爆撃ブログの仕上げに時間を取られてしまってなにもできなかった。

んでー、もう少ししたら書こうと思う。