수다닷컴

지금 사이트 레이 아웃을 잡고 있는데요..
위에 이미지 보시면 아시겠지만 저 빨간 보더줄이 문제에요..
저 보더줄이 category와 ready for.... 이 글을 포함해야 하는데 저렇게 위에 떠버리네요...+_+
사이트 정렬은 중앙정렬이구요..
그레이 비지 깔린 부분은 100%입니다.
저 현상이 ie8, ff, 구글크롬 에서 똑같이 보여요...
어떻게 해결하는 방법 점 알려 주세요..ㅜ.ㅜ

html
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleWIZnet/title
link rel=stylesheet type=text/css href=style/position.css /
/head
body
div id=wrap
!-- top menu S --
div id=toptop menu/div
!-- top menu E --
!-- login & search & navi S --
div id=navi
div id=navi_conlogin, search, where/div
/div
!-- login & search & navi E --
!-- contents S --
div id=content_wrap style=border:1px solid red;
div id=sidebarcategory/div
div id=contentREADY FOR NEW DECADE/div
/div
!-- contents E --
div class=clear/div
!-- footer S --
div id=footer
div id=footer_confooter/div
/div
!-- footer E --
/div

/body
/html

css
#wrap {
width:100%;
font-size:1.1em;
font-style:normal;
font-weight:normal;
color:#424242;
}
#top,
#navi_con,
#content_wrap,
#footer_con {
width:960px;
position:relative;
margin:0 auto;
}
#navi,
#footer {
width:100%;
background-color:#cbcbcb;
}
#sidebar {
width:148px;
float:left;
margin:0 17px 0 15px;
}
#content {
width:780px;
float:left;
}
.clear {clear:both;}

제가 짠 코드는 대충 이렇습니다..
잘못된 부분 있으면 말씀점 부탁드릴께요...^^
조금 급해요..ㅜ.ㅜ

신청하기