既存の日記と同じようなレイアウトで,Blog固有のメニューを表示させるために2カラムレイアウトに.
ブロック要素の配置にtable要素を利用しないのは鉄則なので,そこはテキトーにcssで.
現状では左のサイドバーのブロック要素に対して
float : left;
margin : 0;
padding : 0;
width: 20%;
floatさせて幅を全体の20%に.
右側の日記表示部分のブロック要素に対しては
margin-left : 20%;
width : 80%;
padding : 0%;
こんなカンジ.大抵はこれで上手くいきます.
しかしxhtml + cssで書いているといつもの事なんですが,OperaやGeckoで意図したとおりの表示をしてくれても,最後にIE6 and IE5で見てみると酷い有様になっていることもしばしば.
cssの解釈が怪しいのと,xhtml宣言が1行目に書かれていると互換モードでレンダリングしてしまうバグの問題.
今回のケースでは,IEの場合では右側のブロック要素の子要素が幅の大きいものになると,右側ブロック要素が下に落ちてしまいます.
具体的にはpre要素で長い文字列を括ったりすると落ちます.XGA以下の低解像度ではちょっとした事でも落ちそう.サイズの大きい画像でも同様かも.
ま,基本的にはIEで表示確認しませんって方針なので,このまま利用するつもり.
Konquerorでは確認しておいた方がいいかも.