[iaMbeastLi]

Ok, então aqui é a situação. Eu tenho uma página com um div do lado, no topo, e na parte inferior. O div do lado encontra-se à esquerda em 225px. A div em cima é 25px, e no fundo é o div 20px. O que eu quero é uma div no meio de todos eles, e por isso resizes (e é rolável) com base no navegador visitantes tamanho.
O que tenho funciona, mas não vai rolar, e não é a largura para que tenha direito a todo o meu conteúdo no centro dela. Sua utilizando apenas a largura do navegador, mas forçaram mais de um bit com uma margem de lucro, pelo que a sua realidade paira sobre debaixo da barra lateral.

Um rápido esboço do que tenho está no anexos.

Qualquer idéias?

Chave:
menu é o topo.
bottom_menu é o menu inferior.
conteúdo é a parte que precisa de ajuda, no centro.
barra lateral é o que se passa ao lado.

CSS:
Código:
@ charset "UTF-8";
/ * CSS Document * /

html **
height: 100%;
)

img
**
border-style: none;
color: # FFF;
text-align: center;
)

corpo **
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background-color: # 000;
)

. sidebar **
imagem de fundo: url (.. / images / sidebar / background.png);
background-repeat: repeat-y;
width: 225px;
min-height: 100%;
posição: fixo;
top: 25px;
left: 0px;
overflow: hidden;
padding-left: 5px;
padding-top: 5px;
font: 12px Helvetica, Arial, sans-serif;
color: # 666;
z-index: 1;
)

. menus **
imagem de fundo: url (.. / images / top_menu / background.png);
background-repeat: repeat-x;
width: 100%;
height: 25px;
posição: fixo;
top: 0px;
left: 0px;
overflow: hidden;
padding-left: 5px;
)

. conteúdos **
width: 100%;
top: 25px;
height: 100%;
overflow: hidden;
posição: fixo;
padding-left: 5px;
padding-top: 5px;
background-color: # FFF;
margin-left: 112px;
font: 14px Helvetica, Arial, sans-serif;
)

. bottom_menu **
imagem de fundo: url (.. / images / bottom_menu / background.png);
background-repeat: repeat-x;
width: 100%;
height: 20px;
posição: fixo;
bottom: 0px;
left: 0px;
overflow: hidden;
padding-left: 5px;
z-index: 2;
font: 12px Helvetica, Arial, sans-serif;
)
HTML (DIV Placement):
Código:

CONTEÚDO EM SIDEBAR

CONTEÚDO DO TOP MENU

CONTEÚDO EM BAIXO MENU

CONTEÚDO DE CONTEÚDO