Eu tenho um caso em que não vejo a solução. Aqui está o meu problema:

Eu tenho uma página com três seções (cabeçalho, seção e rodapé) rodapé deve flush para o fundo o tempo todo. E a parte da seção deve ocupar todo o espaço disponível entre o cabeçalho e o rodapé, mas deve ter uma altura mínima que seja diferente de acordo com a página (configurarei manualmente no CSS).

Quando a altura mínima é atingida, um pergaminho em toda a página deve estar disponível.

Aqui está o exemplo de código que estou usando para definir meu cabeçalho, seção e rodapé tomando todo o espaço disponível.

CSS

body {
    margin: 0
}
header, section, footer {
    left:0;
    right:0;
    overflow: hidden;
    position: absolute;
}
header {
    height: 70px;
    top: 0;
    background-color: green;
}
section {
    top: 70px;
    bottom: 195px;
    background-color: gray;
    min-height:300px;
}
article {
    overflow: hidden;
    background-color:lightyellow;
}
.news {
    position: absolute;
    bottom: -30px;
    width: 100%;
    background-color: lime;
}
footer {
    height: 195px;
    bottom: 0;
    background-color: pink;
}

HTML

<header>
    <div class="container">
        <h2>My header</h2>
    </div>
</header> 
<section>
    <article>
        <div class="news">
            <div class="row-fluid">
                <a href="#">UP</a>
            </div>
            <div class="row-fluid">
                <div class="container">
                    <div class="span6">News 1</div>
                    <div class="span6">News 2</div>
                </div>
            </div>
        </div>
    </article>
</section> 
<footer>
    <div class="container">
    My footer
</div>
</footer>​

Um jsfiddle está disponível para o exemplo:http://jsfiddle.net/Nk6uY/

Editar

Como eu posso adicionar uma min-height na minha seção que quando ela é alcançada eu recebo uma barra de rolagem nas minhas janelas?

Editar 2

Vou adicionar mais informações sobre o meu problema. Primeiro, a maior parte do meu conteúdo dentro da tag de seção será definida como absoluta. e esconder um pouco e aparecem em ações (principalmente javascript). Por esse motivo, eu sei para cada seção que é a altura mínima que eu preciso ver todo o meu conteúdo, se alguém clicar nos links.

No meu exemplo, as notícias div estão ocultas e, quando você clica, precisará de pelo menos 360px para ficar visível. Mas se minhas janelas são menores que isso eu não tenho pergaminhos nas janelas e todo o meu conteúdo é coberto pelo rodapé.