Para mí y según entiendo de:
Cita:
Iniciado por erdosain9 
Me pidieron una página donde:
La primer parte de cabecera y menu tiene que estar siempre visible... y también la parte inferior con el contacto... lo único "movible" es la parte intermedia... pero resulta que toda la página en sí tiene un degradee... yo estaba maquetando con photoshop y me doy cuenta que al hacer esto si luego la parte intermedia la mueven para abajo para recorrerla pues se pierde el degradee, es decir, el degradee de la cabecera no engancha con el del medio y así...
se trata solamente de presentación y no de programación. Es decir con aplicar los estilos correctos lograrás lo que buscas.
Para el degrade, simplemente pones el fondo en el div contenedor o en el body, mientras que no le pones fondos al div menu, ni al div contenido, ni al div pie.
En cuanto a que sean visible cabecera, menu y pie, supongo que es que sea visible en el navegador siempre y no haya que estar bajando con el scroll para ver por ejemplo el pie. Es decir que la página será de una altura tal que siempre quepa en la ventana del navegador. Esto es una cuestión de determinar la altura, en base a alguna resolución de pantalla. En la imagen que pones tienes una altura de 1024px, pero como yo uso una resolución de altura 768 (1024x768) tengo que usar el scroll para ver toda la página. Así que define eso y luego es cuestión de que la suma de los div cabecera+menu+contenido+pie sea igual a la altura definida.
En cuanto al div contenido deberías usar este estilo para que aparezca el scroll de ser necesario
Te dejo lo que estuve probando, solo es cuestión de adaptar las alturas:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
/* reseteo de estilos por defecto*/
* {margin:0; padding:0; outline: 0;}
a {outline:none;}
ul {list-style:none}
#contenedor{
background-image: url(imagenes/fondos/fondo1fdw.png);
background-repeat: repeat-x;
height: 1024px;
width: 970px;
margin-right: auto;
margin-left: auto;
position: relative;
background-position: bottom;
}
#cabecera {
color: #660;
background-image: url(imagenes/fondos/fondofdwcabeza.png);
background-repeat: repeat-y;
height: 100px;
width: 100%;
}
#menu{
height: 50px;
width: 100%;
text-align: center;
}
#contenido{
width: 90%;
height: 450px;
overflow:auto;
text-align: center;
}
#pie{
height: 80px;
width: 100%;
position: absolute;
margin-right: auto;
margin-left: auto;
border-top-width: medium;
border-top-style: solid;
border-top-color: #FFF;
bottom: 0px;
}
-->
<div id="cabecera"> ac
á va la cabeceras
</div> <div id="menu"> <img src="imagenes/fondos/fondofdwboton.png" width="162" height="42" /> </div> <div id="contenido">contenido
<img src="imagenes/fondos/fdwcontenido.jpg" width="426" height="644" /></div>
Bien, si entendí mal tu consulta y realmente se trata de que "siempre visible" es " no recargar esa parte de la página"desde ya te pido disculpas.
Saludos
PD: las imagenes son recortes de la tuya, es decir recorte la cabecera, los botones, etc.