이건 재홈피구요 왼쪽이게시판 오른쪽이 사이드바메뉴인데요...

문제는 왼쪽게시물에 따라 사이드바메뉴가 똑같이 줄이 맞처줫으면좋겟는데요..너무어렵네요

즉...왼쪽이게시판이랑 사이드바랑 줄이 똑같아졋음좋겟어요 저렇게 짤리지말고요

사이드바 흰색이 더이상안내려오고 짤립니다..

만약 여기서 height 나 패딩 바텀으로 줘도되긴하는데 스크롤바가생기더라구요..

제가원하는건

이렇게 홈페이지처럼  게시판에 옆에 흰색이나타나죠(씰플레이홈페이지)

 

제홈피좀봐주세요 http://101.235.169.106:8080

 

 

제 css입니다 ㅠㅠ

 

/*

 Design by Free CSS Templates
 http://www.freecsstemplates.org
 Released for free under a Creative Commons Attribution License

 Name       : Reverse Obscurity
 Version    : 1.0
 Released   : 20130222
 
*/

* {
 margin: 0;
 padding: 0;
}

body {
line-height: 1.75em;
background-image: url(http://101.235.169.106:8080/aab.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
color: #383839;
}

 

 

 

 

 

 

 

 

 

 

 

#content {
 width: 787px;
       
 margin: 71px 0 0 180px;   
 padding: 10px;
 background: #ffffff;
 border-bottom: solid 1px #c0c0c0;

}

#copyright {
 margin: 28px 0 64px 0;
 text-align: center;
 text-shadow: 0 1px 0 #ffffff;
 color: #787979;
}

#copyright a {
 color: #787979;
}

#footer {
 position: relative;
 padding: 28px;
 margin: 28px 0 0 0;
 width: 1124px;
 background: #636363;
 color: #d3d3d3;
 border-bottom: solid 1px #444444;
 text-shadow: 0 1px 0 #404040;
}

 

 

#header {
 position: relative;
 padding: 28px;
 height: 75px;
 width: 1124px;
}

#logo {
 text-align: center;
 position: relative;
 margin: -57px auto;
 height: 0px;
 line-height: 98px;
}

#logo a {
 text-decoration: none;
 color: #000;
 text-shadow: 0px 3px 0px #ffffff;
}

#logo h1 {
 font-size: 3.25em;
}

#main {
 position: relative;
 padding: 0px;
 margin-left: -84px;
        margin-top: -110px;
 width: 1180px;
 color: #474747;
        *zoom:1
float:left;
}

#main:after{content:"";display:block;clear:both;}

#nav {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 1180px;
 height: 56px;
 line-height: 56px;
 margin: 28px 0 0 0;
 background: #8f5038;
 font-size: 1.2em;
 font-family: "PT Sans Narrow", sans-serif;
 border-bottom: solid 1px #6f3018;
 border-top: solid 1px #ffffff;
 text-shadow: 0 1px 0px #6f3018;
 text-transform: lowercase;
}

#nav a {
 text-decoration: none;
 color: #ffffff;
}

#nav ul {
 list-style: none;
 float:left;
 text-align: center;
}

#nav ul ul {
 position: absolute;
 display:none;
 z-index:3;
 float:none;
}

#nav li:hover ul {
 display: block;
 background-color: #633;
 position: absolute;
 z-index: 3;
}

#nav li:hover ul li {
 padding: 2px 7px 2px 7px;
 float:none;
}

#nav ul li {
 float:left;
 text-align: center;
 padding: 0 1.75em 0 1.75em;
}

#outer {
 position: relative;
 width: 1180px;
 padding-top: 30px;
 margin: 0 auto 0 auto;     
}

 

#sidebar1 {
 width: 193px;
        height: 0px;
 float: right;
 padding:0px;
        margin-top:71px; 
 background: #ffffff;
 color: #474747;
 border-bottom: solid 1px #c0c0c0;
}

 

 

 

즉...메인페이지나 게시판모듈에서 글이길면 콘텐츠영역에따라서 사이드바가 콘텐츠영역길이랑 맞쳐줫으면좋겟네요

(흰공백이요)