[iaMbeastLi]

Bueno, aquí está la situación. Tengo una página con un div en el lateral, en la parte superior, y en la parte inferior. El div en el lateral está a la izquierda en 225px. El div se 25px en la parte superior, y el div en la parte inferior es 20px. Lo que quiero es un div en el centro de todos ellos, por lo que el tamaño (y se puede recorrer), basado en el tamaño de los visitantes navegador.
Lo que he funciona, pero no se vaya, y no es el ancho por lo que tengo a mi centro de todos los contenidos en ella. Su justa usando el ancho del navegador, pero empuja un poco más con un margen, por lo que su realidad se cierne sobre por debajo de la barra lateral.

Un rápido bosquejo de lo que está en los archivos adjuntos.

Alguna idea?

Clave:
es el menú superior.
bottom_menu es la parte inferior del menú.
contenido es la parte que necesito ayuda, en el centro.
lateral es lo que ocurre en el lateral.

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

html **
height: 100%;
)

img
**
border-style: ninguno;
color: # FFF;
alinear texto: centro;
)

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

. lateral **
background-imagen: url (.. / images / lateral / background.png);
de fondo-repito: repetir-y;
ancho: 225px;
min-height: 100%;
posición: fijo;
arriba: 25px;
izquierda: 0px;
desbordamiento: oculto;
padding-izquierda: 5px;
padding-arriba: 5px;
font: 12px helvetica, Arial, sans-serif;
color: # 666;
z-index: 1;
)

. ** menú
background-imagen: url (.. / images / top_menu / background.png);
de fondo-repito: repetir-x;
ancho: 100%;
altura: 25px;
posición: fijo;
top: 0px;
izquierda: 0px;
desbordamiento: oculto;
padding-izquierda: 5px;
)

. contenido **
ancho: 100%;
arriba: 25px;
height: 100%;
desbordamiento: oculto;
posición: fijo;
padding-izquierda: 5px;
padding-arriba: 5px;
background-color: # FFF;
margen izquierda: 112px;
font: 14px helvetica, Arial, sans-serif;
)

. bottom_menu **
background-imagen: url (.. / images / bottom_menu / background.png);
de fondo-repito: repetir-x;
ancho: 100%;
altura: 20px;
posición: fijo;
inferior: 0px;
izquierda: 0px;
desbordamiento: oculto;
padding-izquierda: 5px;
z-index: 2;
font: 12px helvetica, Arial, sans-serif;
)
HTML (DIV colocación):
Código:

Contenido en la barra lateral

CONTENIDO EN TOP MENU

CONTENIDO EN EL MENÚ INFERIOR

CONTENIDO EN CONTENIDO