スタイルシート(HTML)の記入法についての質問です。

先日ブログのデザインをインポートし、それを使って改作していたのですが、どうすればよいのかわからないところがあります。テキスト全体の横幅を広げたところ、本文の部分は正常に表示されるのですが、サイドーがずっと下(ちょうど本文が終わるところ)まで降りてやっと表示される仕様になってしまい、不細工というかアンバランスな状態になってしまいます。これはどこを変更すれば、本文の横にサイドバーもってくることが(つまりごく普通の状態に)できるのでしょうか…?
HTMLにはほとんど無知のため、お手数ですが、噛み砕いて教えていただけると有難いです。よろしくお願い致します。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/01/11 02:49:50
  • 終了:2012/01/11 06:29:02

ベストアンサー

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492012/01/11 03:57:23

・全体(hatena-body)の幅が850px
・記事部分(main)の幅が700px
・サイドバー(sidebar)の幅が220px
http://d.hatena.ne.jp/chigui/

テキスト全体の横幅を700pxに広げたため、
全体の幅に収まりきらなくなったサイドバーが、
下に行ってしまったということです

対応はスタイルシートにて下記のいずれかの指定を行うことです
(a) hatena-body を広げる
.hatena-body { width: 920px; }
(b) main の幅を狭くする
.main { width: 630px; }

id:chigui

なるほど・・・「hatena-body」は「全体」ということだったのですね。関係性がわかり合点がいきました。
具体的な数字と、細かな対処法までお答えいただき、たいへん恐縮です。おかげさまでなんとかできました。とても丁寧なご回答、ありがとうございました!

2012/01/11 06:28:50

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません