解決済
水彩３カラム使用。表示がせせこましくなってしまいます。
こんにちは。今日、ブログを２カラムのものから、
３カラム（水彩）へ変更したのですが、
左右にスペースはまだあるのに、
妙に表示がせせこましく真ん中に
よってしまっています。
もうすこし余裕をもたせて表示するには
どうすればよいのでしょうか？
他のところで同じような質問を見つけたのですが
同じデザインの方の質問はありませんでした。
ライブドアブログに関してはほぼ初心者なので
他のデザインの回答の応用は難しいです＾＾；
すみませんが、アドバイスをお願いします。
回答(2)
1.
そうなんですか。
デザインのここを変えて。。とか色々なアドバイスをあちこちで聞いていたのですが、やはり初心者には難しいみたいですね。
諦めます。
アドバイス、ありがとうございました。
2.
コメント(5)
ベストありがとうございます。
お役に立てずにすみませんでした... m( _ _;)m
時間があったので、自分のブログのデザインを『水彩３カラム』に変更して
ブログ全体の幅を広げてみました↓
http://blog.livedoor.jp/mannendoco_trial/
※９月１３日までにご覧ください。このブログは検証用なので、それ以降はデザインを変更する予定です。
実際に広げたのは記事の部分です。
このサイズでよろしければ、次のコメントで方法を説明します。
スタイルシートを開いて、以下の部分を見てください。
#container{
width:800px;
margin:0 auto;
text-align:center;
word-break:break-all;
}
#banner,#subbanner{
width:800px;
height:130px;
text-align:left;
margin:0 auto;
background:url(http://parts.blog.livedoor.jp/img/usr/wetcolor/header.gif) no-repeat 50% 0;
}
#banner a{color:#c60;}
#banner a:link{color:#c60;}
#banner a:visited{color:#c60;}
#banner a:hover{color:#c60;text-decoration:underline;}
（下に続く）（つづき）
.blogtitle{
font-size:14px;
padding:50px 30px 2px 46px;
}
.description{
color:#c60;
font-size:11px;
padding:0px 30px 2px 46px;
}
#blogcontainer{
width:800px;
padding-bottom:30px;
}
#wrapper{
float:left;
width:580px;
}
#content{
float:right;
width:360px;
text-align:left;
}
次に、変更する箇所を説明します。
>>#5
>>#6 を見ながら作業してください。
※作業前には失敗に備えて必ずスタイルシートのバックアップを取っておいてください。
>>#5
■#container
"width:800px;"⇒"width:900px;"
■#banner,#subbanner
"width:800px;"⇒"width:900px;"
>>#6
■.blogtitle
"padding:50px 30px 2px 46px;"⇒"padding:50px 30px 2px 96px;"
■.description
"padding:0px 30px 2px 46px;"⇒"padding:0px 30px 2px 96px;"
■#blogcontainer
"width:800px;"⇒"width:900px;"
■#wrapper
"width:580px;"⇒"width:680px;"
■#content
"width:360px;"⇒"width:460px;"
変更が完了したら、CSSを保存⇒再構築してください。
