解決済

Ads By Google

ＭＴブログのカスタマイズで背景を・・・

今、ＭＴでブログを作っています。

そこで
「ブログ全体の背景に画像を表示したい」
と思い、色々調べて
------
body {
margin: 10px 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
color: #333;
background: #FFF url("ここに画像URL");
text-align: center;}
-------
というのまでわかり、やってみたのですが・・・

背景だけではなく、本文（エントリー？）部分にも画像が表示されます。
こんな症状になります
ttp://www.charity-santa.com/

目標はこんな感じのブログにしたいと思ってます↓
ttp://unkonisakuhana.seesaa.net/

うまく↑のサイトのようにするには、どうすればいいでしょうか？

教えていただければ幸いです。
よろしくお願いします。

2009-01-09 20:38の質問

違反を報告する

ブログ画像背景 MT

ブログ
ブログのかわいいポータルサイト「ヤプログ！」
www.yaplog.jp/

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

回答(1)

1.

2009-01-09 21:08:29

tani.masaru

背景をしていない部分は、その下にある背景（親要素の背景）が透けて見える形になります。

なので本文エリア（？）の部分にも背景を指定する必要があります。「#container」の部分に背景色を指定すれば、望む形に近づくと思います。

違反を報告する

いろいろ教えていただき、本当にありがとうございました＾＾）

とっても助かりました！

また同じような質問をするかもしれませんので、機会があればまたよろしくお願いします☆

本当にありがとうございました！

Ads By Google

コメント(4)

コメントする

#1. Ａフラッグ隊　ロッキー

2009-01-09 21:07:58

body {}の部分はページ全体という意味ですよ。bodyの箇所に背景画像を載せたら、ブログ本文にも画像が表示されてしまうのは仕方ないですね。。。

違反を報告する

#2. tani.masaru

2009-01-10 06:44:27

divで囲む時にmarginとpaddingで余白を指定しますが、この違いによって見え方が異なります。marginの場合は外側に余白を取るので、下にある背景（親要素の背景）が見えます。逆にpaddingの場合は内側に余白を取るので、その要素の背景が見えます。

つまり、上下はpaddingで余白を取り、左右はmarginで余白を取ると望む形になると思います。

違反を報告する

#3. 夏木

2009-01-10 13:47:34

>>2
tani.masaruさん

わかりやすいご説明ありがとうございます！
コメントを参考にやってみたのですが・・・
どうもうまくいきません(･_･;

面倒かもしれませんが、具体的に
「#～～」の部分にと教えていただけないでしょうか？

よろしくお願いいたします。

違反を報告する

#4. tani.masaru

2009-01-11 06:55:50

CSSの中のbodyで宣言している