Ads By Google
本文の横幅とサイドバーの横幅を変更したいのですが。。。。
本文の横幅とサイドバーの幅を少しだけ広くしたいのですが、CSSいろいろいじってみましたがずれてしまったりしてうまくいきません。具体的には本文の幅100pxサイドバーの幅各20px広げたいのですが具体的にどの部分を変えればいいのか教えて下さい。
ちなみにデザインはバタフライです。
今はサイドバーも下にずれてしまってこんな状態です。
一刻も早く解決したいのでよろしくお願いします。
2007-08-12 05:59の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2007-08-12 14:48:24

まずはデザインを選びなおして、デフォルトの状態からカスタムを始めてください。
CSS以下の項目がありますので、それぞれのwidthの値を変更します。
それぞれwidthを20px増やしてください。
それぞれwidthを100px増やしてください。
widthを120px増やしてください。
widthを140px増やしてください。
ここもwidthを140px増やします。
ここもwidthを140px増やしてください。
以下の2つはpaddingを変更して文字を右に移動します。
paddingの後に4つ並んでいる一番右側の数値を70px増やします。
同様に、paddingの後に4つ並んでいる一番右側の数値を70px増やします。
CSS以下の項目がありますので、それぞれのwidthの値を変更します。
#left #right左右のサイドバーの部分です。
それぞれwidthを20px増やしてください。
#blog #content記事の部分です。
それぞれwidthを100px増やしてください。
#wrapper左のサイドバーと本文を合わせたエリアです。
widthを120px増やしてください。
#blogcontainerwrapperと右のサイドバーをあわせたエリアです。
widthを140px増やしてください。
#banner上のタイトルのエリアです。
ここもwidthを140px増やします。
#containerブログ全体のエリアです。
ここもwidthを140px増やしてください。
以下の2つはpaddingを変更して文字を右に移動します。
.blogtitleブログタイトルです。
paddingの後に4つ並んでいる一番右側の数値を70px増やします。
.descriptionブログの説明文です。
同様に、paddingの後に4つ並んでいる一番右側の数値を70px増やします。
わかりやすい説明ありがとうございました。解決できました。
Ads By Google
コメント(4)
#1. kavalier
2007-08-12 13:43:56
cssを見てみないと
なんとも…
#2. imq
2007-08-12 14:52:25
#3. imq
2007-08-18 05:14:34
解決できたのでしょうか?
#4. imq
2007-08-29 23:07:54
無事にできて良かったですね!




