Increasing length of sidebar to match main content

SouthendSupporter · June 21st, 2010, 10:42 AM

Hi
I have a two column layout. The main content is in the right column and this could cause the overall length of my page to increase.
The left column may contain some content buts has a plain color set as its background.
I need to get the left column height to grow to match the right clumn so that the colour extends the full length of the column.
relevant part of my master page (the 'content' div was added in an attempt to solce the problem! :

Code:

      <div id="content">
      <div id="leftsidebar" >
        <asp:ContentPlaceHolder id="LeftColumn" runat="server"> 
        </asp:ContentPlaceHolder>       
      </div>
        
      <div id="maincontent" >
        <asp:ContentPlaceHolder id="MainColumn" runat="server"> 
        </asp:ContentPlaceHolder>
      </div>
      </div>

relevant styles from my css page:

Code:

#content
{
  margin:auto;
  min-height: 520px;
  overflow: hidden;
}

        #leftsidebar
{
  display: block;
  width: 200px;
  float: left; 
  padding: 0px 5px 0px 5px;
  background-color: #D6C4DC;
  min-height: 520px;
}
        #maincontent
{
  display: block;
  margin-left: 215px; /* margin-right: 185px; */
  padding:0px 10px 0px 10px;
  margin-top: 25px;
  margin-bottom: 0px;
  width: 725px;
}