知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

ブログの個別記事の幅をきれいに揃えるにはどうしたらいいでしょうか。

シンプルなデザインの「Natural diary」をもとにして、色などを変えてカスタマイズしていますが、トップページは問題ないのですが、個別記事で、コメントがあった場合、コメントの部分と、それ以外の部分とで、横幅が変わってしまい、枠がきれいに揃っておりません。




どのようにしたら、解決するか、お教えください。
お願いします。

2009-07-19 21:20の質問
ブログ  デザイン  カスタマイズ    個別記事  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-07-20 04:15:09ベスト
#comment {
	WIDTH: 600px; PADDING-RIGHT: 25px; PADDING-LEFT: 25px; BACKGROUND: #f0fff9; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; TEXT-ALIGN: left
}
の部分で、width:600px で、指定していて、パディングをを取っているので、その分はみ出します。
パディングを0 にしてもいいですけど、
そもそも、この幅は、上位の要素<div id="blog">(スタイルシートでは、#blog)で幅が決まってますから、その内部の要素で上位要素と(幅を変えたいならともかく)同じ幅を指定する必要は無いです。
なので、width:600px; を、既に挙げた部分から削除するといいと思います。

蛇足:
トラックバックがついていないから問題無いみたいですけど、
#trackback についても同じことがいえるんじゃないかと思います。
回答レベル : アドバイス
Ads By Google

コメント(1)

2009-07-20 09:31:04

BLUEPIXYさま
おかげさまで「width:600px;」を削除したら、きれいに揃いました。
大変わかりやすい説明、ありがとうございました。

トラックバック(2)

トラックバックURL: