Semplice - 個別記事へのサイドバー

　個別記事の右カラムにサイドバーをつけたデザインにしたいんですが。
どうもうまくいかず、大変物悲しいのです。

　livedoorブログのカスタマイズ方法

　livedoor Blogで個別記事にサイドバー〜HTMLいじりバージョン

　個別記事にサイドバー〜表示乱れ修正


　これは少し方法が違う。
　一番下に表示させるならば、これで成功したんだけど。
　まだレイアウト変更中です！

　Livedoor Blogにサイドバーをつける方法


　下に表示されるのはスタイルシートを編集すれば何とかうまく行きそうな。
#content{
float:left;
width:500px;
text-align:left;
margin-right:10px;
}

　このwidthを500pxから400pxに変更・・・・・・成功した。
　450pxでは・・・・・とりあえず成功。
　また500pxに戻したら・・・・・・・・・何故か成功した。
　意味不明。
　気になったのでデザインを一旦初期化し、保存していたCSSと個別記事をそれぞれ貼り付けたらば、またちゃんと表示されるようになっているし。
　とりあえず見易さのため550とした。。


　結論として、JavaScriptを使う方法は全くうまくいかず。
　＜div id="links"＞から＜/div＞までを挿入したら成功。

＜成功例＞
1）<div class="blog">の直前に<div id="content">を挿入。
2）<div id="footer">の直前に</div>を挿入。
3）<div id="footer">と先ほど追加した</div>の間に、これを挿入。
<div id="links">
<$PluginList$>
<div class="powered">
<a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
</div>
<div class="syndicate">
<a href="<$RSSUrl$>">Syndicate this site (XML) </a>
</div>
</div>

blockquot - 引用タグ利用時のサイドバー

　2005年10月4日追記事項
　<blockquote>を利用していたものの、今まではこのような問題は生じなかったのだが。昨日投稿した後に、サイドバーが下に表示される現象に遭遇。

　スタイルシートを以下のように修正したらば、多少横に長くなったものの解決した。
#container{
width:800px;
margin:0 auto;
text-align:center;
}

#banner,#subbanner{
width:800px;
height:185px;
text-align:left;
background:url
}