웹표준으로 사이트 만들고 있는데 답답해요
본문
웹표준으로 사이트를 만들고 있는데요.
header_wrap에 background-color를 넣었는데 적용이 안되네요.
style.css에 빨강줄 부분입니다.
style.css는 이렇게 적었구요.
a img { border:0; }
a:link,a:hover,a:visited { text-decoration:none; }
body { margin:0 auto; width:100%; padding:0; }
ul { list-style:none; margin:0; padding:0;}
li { margin:0 0 0 0; padding:0 0 0 0; border :0; float: left; }
a:link,a:hover,a:visited { text-decoration:none; }
body { margin:0 auto; width:100%; padding:0; }
ul { list-style:none; margin:0; padding:0;}
li { margin:0 0 0 0; padding:0 0 0 0; border :0; float: left; }
#header_warp { width:100%; height:74px; background:#FF0000;}
#header { margin:0 auto; width:960px; height:74px; text-align: center;}
#header { margin:0 auto; width:960px; height:74px; text-align: center;}
/*탑메뉴*/
#topmenu { float:left; width:320px; height: 25px; }
#topmenu ul { list-style:none; font-size:10px; font-family:돋음; color:#666666; width:320px; padding:40px 7px 0 6px;}
#topmenu { float:left; width:320px; height: 25px; }
#topmenu ul { list-style:none; font-size:10px; font-family:돋음; color:#666666; width:320px; padding:40px 7px 0 6px;}
#logo { float:left; margin:0 auto; width:245px; padding:0px}
#search { clear:right; margin:auto; font-family:Arial; font-size:15px; color:#000000; font-weight:bold; width:395px; padding-top:40px;}
#search { clear:right; margin:auto; font-family:Arial; font-size:15px; color:#000000; font-weight:bold; width:395px; padding-top:40px;}
/*네비*/
#navi_warp { width:100%; background:url(img/bg_menu.gif); no-repeat center 0; }
#navi { margin:0 auto; width:960px; height: 66px; background:url(img/bg_menu.gif); padding:5px 7px 0 6px;}
#navi ul { font-size:14px; font-family:돋음; color:#666666; margin:0 auto; }
#navi_warp { width:100%; background:url(img/bg_menu.gif); no-repeat center 0; }
#navi { margin:0 auto; width:960px; height: 66px; background:url(img/bg_menu.gif); padding:5px 7px 0 6px;}
#navi ul { font-size:14px; font-family:돋음; color:#666666; margin:0 auto; }
#text { margin:0 auto; width: 960px; text-align: center;}
/*풋터*/
#footer { margin:0 auto; width: 960px; text-align: center;}
#footer { margin:0 auto; width: 960px; text-align: center;}
index.html
<!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="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header_wrap">
<div id="header">
<div id="topmenu">
<ul>
<li>로그인<span>|</span></li>
<li>회원가입<span>|</span></li>
<li>장바구니<span>|</span></li>
<li>주문배송조회<span>|</span></li>
<li>고객센터</li>
</ul>
</div>
<div id="logo"><img src=img/logo.gif alt=""></div>
<div id="search">search</div>
</div>
</div>
<div id="navi_wrap">
<div id="navi">
<ul>
<li>회사소개</li>
<li>제품소개</li>
<li>포트폴리오</li>
<li>견적문의</li>
<li>고객센터</li>
</ul>
</div>
</div>
<div id="text">Layout Test Page. </div>
</div>
<div id="footer">
<ul>
<li>개인정보보호정책</li>
<li>회원약관</li>
<li>사이트맵</li>
<li>회사소개</li>
<li>이메일수집거부</li>
</ul>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header_wrap">
<div id="header">
<div id="topmenu">
<ul>
<li>로그인<span>|</span></li>
<li>회원가입<span>|</span></li>
<li>장바구니<span>|</span></li>
<li>주문배송조회<span>|</span></li>
<li>고객센터</li>
</ul>
</div>
<div id="logo"><img src=img/logo.gif alt=""></div>
<div id="search">search</div>
</div>
</div>
<div id="navi_wrap">
<div id="navi">
<ul>
<li>회사소개</li>
<li>제품소개</li>
<li>포트폴리오</li>
<li>견적문의</li>
<li>고객센터</li>
</ul>
</div>
</div>
<div id="text">Layout Test Page. </div>
</div>
<div id="footer">
<ul>
<li>개인정보보호정책</li>
<li>회원약관</li>
<li>사이트맵</li>
<li>회사소개</li>
<li>이메일수집거부</li>
</ul>
</div>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.
