보시면... 오른쪽 사이드바에서 짤려서나오는데 길이는조정해줄순있습니다...

근데 길이를조정해버리면 아래 스크롤바가따라내려가서..안좋더군요

 

이런방법은어떻게하는건가요?

 

 

이렇게 게시물이 아무리길게나와도 좌측사이드바에 항상 게시물길이에맞게 사이드바가맞춰지네요...

어떻게하나요..

제 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;
        float:left;
}

#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
}

#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;
}

 

 

 

 

즉...게시물의길이에따라 좌측사이드바가 맞춰질려면 사이드바에서뭘해줘야되나여?

아래 스크롤안내려가게요 ㅠㅠ