解決済
３カラムブログの両脇の空白を少なくする方法
質問させてください。現在ライブドアブログで３カラムデザインのブログを少しカスタマイズして利用しています。
今回、両脇の空白の幅を小さくしようと思い検索をかけて幾らか試してみました。
中央の記事の幅を大きくすれば良いかと思いましたが、そうすると両脇のプラグインが落ちてしまいました。
理想的には、両脇の空白を少なくして中央の記事の幅を大きくしたいのですが、方法をご存知の方がいらっしゃればご教授いただければと思います。
よろしくお願いします。
回答(1)
1.
横幅を広げるさいに変更が必要な部分は、CSS の中の、
#container{}
#blogcontainer{}
#wrapper{}
#content{}
記事本文の部分を広げたいのだから、両サイドカラムの
#left{}
#right{}
は現在のままとします。
上記の部分の width:○○px; を調整して下さい。
全体の構成はここを参考にして下さい。↓
http://blog.pekebatu.com/archives/cat_702617.html#...
#content + #left の幅が、#wrapper を超えてはいけません。また、#wrapper + #right の幅が #blogcontainer の幅を超えてはいけません。そして当然、#blogcontainer の幅が #container の幅を超えてはいけません。
参考に色々頑張ってみたらできました。
どうもありがとうございました。
コメント(4)
回答ありがとうございました。
ブログ拝見させてもらいました。色々なカスタムテクを紹介されていてこの問題から目移りしっぱなしでした＾＾；
ちょっとまだ理解できていないところがあるのでもう少し質問させてください。
ＣＳＳの以下のあたりを変更すればよいことが分かりましたが、wrapperなどがそれぞれどこに変化を及ぼすのでしょうか。
それぞれleft,rightとあるのでwrapperが左、contentが右のカラムなのでしょうか？
#blogcontainer{
width:変更(これが中央の幅で800程度?)px;
margin:15px auto 0;
text-align:center;
}
#wrapper{
float:left;
width:変更？px;
}
#content{
float:right;
width:変更？px;
text-align:left;
}
ちょっとめちゃくちゃになってますが、回答をいただければ幸いです。
調べてwrapperなどの意味はわかりました。
この仕様だと、左カラムの左(左端の)空白を少なくする方法が無い気がするんですが、方法をご存知の方に回答いただければと思います。
色々挑戦してみて無事解決できました、どうもありがとうございました。
>>sherlock_jam さん
あ～解決しましたか。
ベターいただいた時点でメールが送られてきて、コメント欄に書き込んで頂いているのに気づきました。続いて回答しようと準備していたら自己解決したとの返事。最終的にお役に立てずに申し訳なかったです。でも、自身での解決が今後のスキルアップに役立ちます。良かったです。ベストありがとうございました。(^^)
