SiderBar Com Footer

[Tywin 7]

Boa Tarde.

 

Eu quero criar um Layout de duas colunas.

 

Uma SiderBar do lado esquerdo e uma de conteúdo do lado direito com cabeçalho e rodapé.

 

Eu gostaria de deixar o rodapé fixado na posição 0.

 

E gostaria que a SideBar fosse até o rodapé. E mesmo que tenha muitos itens no menu não queria que a SideBar transpassasse o rodapé ou o rodapé acompanhasse o tamanho do menu.

 

Eu quero uma barra de rolagem na SideBar caso ultrapasse o tamanho até o rodapé.

 

E a mesma coisa com a conteúdo. Por enquanto está assim meu CSS e HTML.

 

CSS

html, body {height:100%;}#all{min-height: 100%;position: relative;margin: 0 auto;}#middle{background-color: #8DB6CD;height:250px;border-bottom:10px solid black;text-align:center;} #middle_two{background-color: #8DB6CD;line-height:40px;text-align:center;font-size:14px;font-weight:bolder;color: #000;} #middle img{position:relative;top:65%;} #middle_bottom{text-align:center;margin-top:10px;} #footer{position:fixed;bottom:0;width:100%;} #footer span{float:right;font-size:10px;margin-right:10px;} #footer_page{position:absolute;bottom:0px;width:100%;background-color: #000;text-align:center;color: #FFF;height:150px;font-size:12px;font-weight:bolder;} #mensagem{color:red;line-height:35px;font-weight: bolder;text-align: center;font-size:12px;} #top{line-height:50px;background-color: #8DB6CD;width:100%;} .text_left{margin-left:15px;font-weight:bolder;} .text_right{margin-right:15px;font-weight:bolder;float:right;} .clear{clear:both;}

HTML

<div id="all"><?php include 'top.php'; ?> <div class="row-fluid"> <?php include 'sidebar.php'; ?> <div class="span9">Em Construção</div> <?php include 'footer.php'; ?> </div></div> 

Obrigado desde já.

 

 

Me ajudem, please !

[Ruan Aragão 1]

Para que apareça uma barra de rolagem automaticamente, caso o conteúdo passe o tamanho da área, é só adicionar "overflow: auto;".