解決済
ブログを全体的に右に寄せたい。
デザインはクレヨンの2カラムを使っていますが、全体的に左側によっていて、右側がかなり大きく開いています。(ヘッダーの広告のせいもありますが…)両脇に立てにラインがあるので、何とかそのラインの中にちょうどよく記事エントリー欄とサイドバー欄を収めたいのですが、どこをいじったらいいでしょうか？
サイドバーは特に左によっている感じがするので、なるべく均等になるようにしたいのですが。
どこのpaddingやmarginを大きくすると均等になるのか教えてください。
ちなみに、URLは、 です。
少しCSSをカスタマイズしていますが、幅のところはいまひとつ分かってないので教えてください。
お願いします。
回答(1)
1.
でっ、一応右サイドカラムを少し右に移動させたいのであれば、CSS の中の #links をさわります。padding いじると、中の幅も広くなっちゃうから、margin を追加した方が良いですね。
margin-left:○○px;
を追加すれば、左の外側に余白が出来て右に寄ります。でも本文投稿部分との間が開いてしまうから、それが嫌なら、#content に上と同じように、margin を追加すれば、同じ分だけ右によります。
コメント(8)
WindowsIE及びfirefoxで確認したところ、
中央に配置していて、左によっているようには見えません。
>>1 さらに追記
微調整じゃなく、全体を一度に動かしたいのであれば、
#blogcontainer{} のところをさわります。
今、kururu さんの CSS の #blogcontainer{} の部分に
margin を追加します。
margin:○px ○px ○px ○px;
こうして、上下左右をそれぞれ調整してはいかがでしょうか？
左から上、右、下、左 です。
マージンとパディングの詳しい説明は、こちらを参考に↓
http://blog.pekebatu.com/archives/50447780.html
#blogcontainerはすでにmargin:0 auto ;で
中央ぞろえになってるのでいじらない方がいいと思います。
左右のマージンを値で設定すると画面の環境で
いろんな風に見えてしまいます。
本文とか、サイドを、ちょっとだけ微調整するなら、
#blog及び#linksのマージンを調整する方がいいと思います。
>>#4 たっけーさん
なるほど。そう言われるとずれる可能性がありますね。
では kururu さん。最終的にさわる位置は、#content、#blog、＃links の部分と言う事で調整して下さい。#blog は、#content の中に存在するボックスです。
>ＡＱさん、たっけーさん、ありがとうございます。
何とか、真ん中によせる事が出来ました。
やはりmargin-left:を使いました。
もう一つ聞きたいのですが、ブログの記事自体の幅がタイトルの下にあるオレンジ色の画像(点線)と同じ位の幅になるようにしたいんですが、どうしたら記事の文字数の幅を合わせる事が出来ますか？
後、一つの記事の後の、次の日付までのmarginを広くしたいのですがどうしたらいいですか？
＞ kururu さん
最後に追加した２つの質問は、この質問を解決してから
再度２つの質問に分けて投稿してください。
コメント欄に書かれると、他の回答者は誰も
この質問に気づきません。その方が、幅広い
回答を得られます。お願い致します。
