468Pxのバナーを3カラムの中央に入れる

　Seesaaブログの3カラムの中央に、468Pxのバナーをきれいに収める方法を試してみた。
　スタイルシートを変更したら、きれいに収まるようになったので、方法をご紹介。
　FC2は468Pxのバナーが入るテンプレートが、色々あるのだが、Seesaaブログは、どのテンプレートを試してみても、きれいに入らない。

　結局、スタイルシートをいじるしか方法は無いみたい。

　1、全体の大きさを860Pxに変える。

#container{ margin:0px auto; width:860px; ＊左右のカラム値を195に設定してある場合（左右のカラム値が変われば、全体のPx値も変わるので、そこら辺は、自分のサイトのスタイルシートから、換算してください）



　2、中央カラムを470Pxに変更。 .navi { text-align:center; padding-bottom:5px; } #content { margin:10px 0px 10px 0px; float:left; width:470px; }


　これで、中央部に、バナーが入るようになったのだが、厄介だったのは、この先だった。


　Seesaaブログは、記事部分の枠線は、画像を使っている。

　中央カラムのサイズを変更すると、記事本文が、枠線からはみ出て、見栄えが良くない。

　なので、記事部分の画像は削除。

　記事部分の大きさを中央カラムの95%に設定し、画像の代わりに、スタイルシートで、枠線を作る。

　枠線の太さは1Px、色は#9999CC、記事と記事の隙間は15に設定。

.blogbody {width:95% ; border-width:1px; border-style:solid; border-color: #9999CC; margin:15; } 　


枠線の太さ、色、記事の隙間は、全体とのバランスをみて、変えてみてください。

気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0