解決済

clip!clip!
Ads By Google

本文の横幅とサイドバーの横幅を変更したいのですが。。。。

本文の横幅とサイドバーの幅を少しだけ広くしたいのですが、CSSいろいろいじってみましたがずれてしまったりしてうまくいきません。
具体的には本文の幅100pxサイドバーの幅各20px広げたいのですが具体的にどの部分を変えればいいのか教えて下さい。
ちなみにデザインはバタフライです。

今はサイドバーも下にずれてしまってこんな状態です。


一刻も早く解決したいのでよろしくお願いします。

2007-08-12 05:59の質問
デザイン  バタフライ  CSS    
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2007-08-12 14:48:24ベスト
まずはデザインを選びなおして、デフォルトの状態からカスタムを始めてください。

CSS以下の項目がありますので、それぞれのwidthの値を変更します。

#left
#right
左右のサイドバーの部分です。
それぞれwidthを20px増やしてください。

#blog
#content
記事の部分です。
それぞれwidthを100px増やしてください。

#wrapper
左のサイドバーと本文を合わせたエリアです。
widthを120px増やしてください。

#blogcontainer
wrapperと右のサイドバーをあわせたエリアです。
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

>>#1
そうですね。
独自のカスタムがある場合は実際にCSSを見せていただかないと。。

#3.  imq
2007-08-18 05:14:34

解決できたのでしょうか?

#4.  imq
2007-08-29 23:07:54

無事にできて良かったですね!

トラックバック(2)

トラックバックURL: