SiderBar Com Footer
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 !
Discussão (1)
Carregando comentários...