知識、知恵のカタマリ

[PR]株主優待を受けてみよう☆

解決済

clip!clip!
Ads By Google

ブログの投稿記事をもう少し、左に寄せたいのですが、教えてください。
http://ume3.livedoor.biz/

現状だと、左側に間が空きすぎています。右のサイドボディは、右に寄りすぎているので、これもなんとかバランスよくしたいのですが…

2006-05-21 15:35の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-05-22 08:32:16ベスト
うめさん。ご質問ありがとうございます。

CSSのバックアップをお願いします。

全体の幅を少し縮められてはいかがかなと思います。


#container
width:820px; → width:800px;

#banner,#subbanner
width:820px; → width:800px;


その上で、本文の幅を広げてはいかがでしょうか。

#blog
width:500px; → width:550px;

イメージとあわない場合は、バックアップしたもので変更を戻されて下され、コメントでご相談下さい。

ありがとうございました。分りやすく説明していただき感謝します。IE以外の表示が正しくない部分は改善されているかどうか、わかりませんが、一応直しました。

Ads By Google

コメント(4)

2006-05-22 10:34:00

zeroさん、ありがとうございます。
その通りにやってみましたが、サイドバーが堕ちてしまいます。どういう数値で調節したら、いいでしょうか?

#2.  zero
2006-05-22 11:07:29

#container width:800px;
#banner,#subbanner width:800px;
#wrapper width:600px;
#content width:590px;
#blog width:590px;

上記でお試し下さい。
メインカラムが広がりすぎて気になるときには、#blogの幅を縮めて下さい。

#3.  zero
2006-05-22 12:03:25

関係ないですが、CSS、ちょっとミスがありますよ。

#container{
width:820px;
margin:0 auto;
text-align:center;
background:#FFEAAA http以下略) repeat-y;
word-break:break-all;
}

background:#FFEAAA;
として下さい。

#banner,#subbanner{
color:#CA9560;
width:820px;
height:130px;
text-align:left;
margin:0 auto;
background:#6A0000; http以下略) repeat-x;

こちらは表示されていますが、
background:#6A0000;
として下さい。
url(http以下略) repeat-x;は不要です。

インターネットエクスプローラー以外では正しく表示されていませんよ。

#4.  zero
2006-05-22 14:01:25

>IE以外の表示が正しくない部分は改善されているかどうか、わかりませんが、一応直しました。

直りました(^O^)/

トラックバック(2)

トラックバックURL: