解決済

両横の余白を無くして背景画像を差し替えたいのですが…

他にも同じような質問があったので、参考にしてみたり、自分で調べてやってみても上手くいきません。背景画像を変えることは出来たのですが、余白をどうやって無くせばいいのか分かりません。
どうか教えてください。よろしくお願いいたします。

現在は元の画像のコンクリート(2カラム)を使用してます。

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

回答(1)

1.

2006-09-19 13:46:08ベスト
現在のコンクリートの画像でやる方法です。
CSSを変更します。
	body{
		margin:0;
		padding:0;
		color:#4d4d4;
		background:#fff url(http://parts.blog.livedoor.jp/img/usr/concrete/bg.jpg) repeat-y 50% 0;
		font-family:arial ,sans-serif;
		text-align:center;
	}
となっているところを
	body{
		margin:0;
		padding:0;
		color:#4d4d4;
		background:#fff url(http://parts.blog.livedoor.jp/img/usr/concrete/bg.jpg) repeat;
		font-family:arial ,sans-serif;
		text-align:center;
	}
と変更すれば大丈夫です。
あとは
http://parts.blog.livedoor.jp/img/usr/concrete/bg.jpg
の部分を自分が指定したい画像に書き換えてください。
その際、上下左右に繰り返し表示されますのでそれにあわせて画像を編集する必要があるかもしれません。
(コンクリートの画像は左右がちょっときついです)

また過去の質問でコンテンツの中央寄が出ていましたが、
	#container{
		width:753px;
margin:0; auto 0 auto;
		text-align:center;
		word-break:break-all;
	}

margin:0; auto 0 auto;

margin:0 auto;
に変更しないと現状左寄りになっているようです。
(ひょっとするとIEだと大丈夫かもしれませんが)
回答レベル : 回答

上手くいきました。早く回答していただきまして助かりました。ありがとうございました。

Ads By Google

コメント

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

トラックバック

トラックバックURL: