altura y márgenes de un div

[sinorfavela]

Saludos,

A ver si soy capaz de explicarme en mi primer mensaje...

Quería montar un diseño con el menú al pié y un área de contenido en toda la parte superior.

He colocado el menú con un div anclado a la parte inferior de la pantalla mediante (position: fixed; bottom: 15px;)

Ahora quería que el área para el contenido dejara un margen de 15px con la parte superior, izquierda y derecha de la pantalla (eso lo hago sin problemas) y de 150px con el margen inferior de la pantalla (para que no se solape con el menú). Además quiero que ese área sea siempre visible para ponerle una imagen de fondo repitiéndose y adaptándose a distintos tamaños de pantalla.

¿alguna sugerencia?

gracias

[sinorfavela]

um...
he encontrado la solución aquí: http://www.dynamicdrive.com/style/layouts/item/css-bottom-frame-layout/

truco está en:

body{
overflow: hidden;
height: 100%;
max-height: 100%;
}

#footer{
position: absolute;
bottom: 0;
width: 100%;
height: 130px; /*altura que queramos para el footer*/
}

#maincontent{
position: fixed;
bottom: 130px; /*altura del footer*/
overflow: auto;
}

además comenta dos hacks para IE6 que todavía no he probado...

* html body{ /*IE6 hack*/
padding: 0 0 130px 0; /*Set value to (0 0 HeightOfFooterDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

[ferwall]

Me parece a mi o viste una pagina re vieja jeje, IE6 ya paso =P

Y lo que queres hacer también lo podes hacer dándole margen al body

body {
margin-bottom:150px;}

Siempre y cuando tengas un div contenedor para que se te mueva todo para arriba parejito.

La verdad no se cual es la forma mas correcta de hacerlo pero se que así también se puede hacer.