Olá pessoal, seguinte, tenho um problema que me assombra há tempos: height 100% !!!
Estou fazendo um sistema de gerenciamento pros projetos futuros que eu for desenvolver, algo como uma base, pra facilitar minha vida. Não gosto muito de usar layouts prontos (até usaria, mas a maioria dos bootstraps bonitos são pagos), enfim, gostaria de montar um layout com esta estrutura:
mas acontece que, quando o div de conteúdo ultrapassa o tamanho da tela (cria a barra de scroll no browser), o menu não acompanha ele, ou seja, o height do menu "trava" no height da tela, uma gambiarra que eu fiz foi:
$('div.menu').height($(window).height());
porém, se a div cresce dinamicamente, ou algum conteúdo entra depois do load, a o menú não acompanha também, e outra, eu não queria fazer com jquery, queria solucionar com CSS. alguém poderia me ajudar ? grato.
PS: Já utilizei o body, html { height:100%; }, sem sucesso.