CSSテクニックコミュの背景画像が映りません

はじめまして。ちょっとわからなくて苦しんでいるので、ぶしつけですが教えてください。

wrapper部分に指定した画像が映らないのですが、どうしたらいいでしょうか？途方にくれています。。

ちなみにソースはこうなっています。

--------------------------------------------------*/
@charset "Shift_JIS";

*{
margin: 0px;
padding: 0px;
border: 0px;
}

body{
line-height:1.5;
font-family: Gill Sans, Lucida Grande, Georgia, Arial, Verdana, Times;
font-size:75%;
color: #333333;
text-align: center;
background-image: url(../image/background.gif);
}

/* 2段組
----------------------------------------------------------*/

.layout-2col #wrapper{
position: relative;
width: 560px;
text-align: left;
margin: 0px auto 0px auto;
overflow: auto;
background-image: url(../image/primary_back.gif) repeat-y;
}

.layout-2col #secondary{
float:left;
width:214px;
}

.layout-2col #primary{
float:right;
width:346px;
}

.layout-2col #footer{
clear:both;
}
----------------------------------------------------

<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" href="../css/import.css" type="text/css" media="all" />
<title>○○○</title>
</head>

<body class="layout-2col">

<div id="wrapper">
<div id="header">
<h1>○○○</h1>

</div>
<div id="secondary">
<ul>
<li>BAND</li>
<li><a href="../MEMBER/index.html">MEMBER</a></li>
<li><a href="../MUSIC/index.html">MUSIC</a></li>
<li><a href="../LIVE/index.html">LIVE</a></li>
</ul>
</div>

<div id="primary">
<h2>2006/02/05</h2>
<p>○○○p>

<h2>2006/2中旬～3中旬</h2>
.
.
という感じです。

コメント(7)

最初
全て
最新の40件

[2] mixiユーザー 03月15日 01:04

footerをwrapperの内に入れてもよければそれで解決。たぶん。

[3] mixiユーザー 03月15日 01:33

直接関係あるかどうかわかりませんが、
font-familyでスペースを含むフォント名は引用符で囲ったほうがいいですよ。

[4] mixiユーザー 03月15日 01:42

追記：
background-image: url(image/body_bg.gif) repeat-y;
を
background: url(image/body_bg.gif) repeat-y;
にすれば直るはず。または
background-image: url(image/body_bg.gif);
background-repeat: repeat-y;

[5] mixiユーザー 03月15日 02:32

footerを入れる事ができない構造だったら
<hr class="cBoth " />とか入れてあげて

hr.cBoth {
clear:both;
width:1px;
border:none;
color:#FFFFFF;
}
ってやるとかどうですか？

[6] mixiユーザー 03月15日 15:19

wrapperの中で段組とかやるときは、その中でfloatの指定をクリアーしてあげないと中の要素に見合った高さで包んでくれないみたいで、今wrapperはheight:0pxの状態で、ただセンター揃えの見えない基準線になってるだけだと思えば判りやすいんじゃないでしょうか。だからfooterやhrにクリアーさせる意味で中に取り込むのが手っ取り早い、てか正解ですよね。他人の答えに乗っかってすみませんm(__)m

ログインすると、みんなのコメントがもっと見れるよ