Rolagem do Site

[eronventer 2]

Olá Pessoal!

 

Estou desenvolvendo um website para rodar em verão mobile, ele vai aceitar tanto 320x480 como 480x320 porém eu precisaria fazer

com que ele rolasse somente o conteúdo central, deixando o cabeçalho e o rodapé fixos, alguém teria uma idéia para fazer isso?

 

A estrutura é basicamente essa:

<div id='site'>
   <div id='cabecalho'></div> <!--46px altura-->
   <div id='conteudo'></div> <!--390px altura-->
   <div id='rodape'></div> <!--44px altura-->
</div>

[Ramael 0]

Se alturas serão fixas assim mesmo, acho que você pode usar um posicionamento absoluto, com as alturas declaradas, e no div do conteúdo podes usar um overflow auto. Mais ou menos assim:

 

#cabecalho {
height: 46px;
position: absolute;
top: 0;
}

#conteudo {
height: 390px;
position: absolute;
top: 46px;
overflow: auto;
}

#rodape {
height: 44px;
position: absolute;
top: 436px;
}

 

Acho que resolve.

 

 

 

t+

Ramael