Puedes revisar acerca del uso de divs al 100% para el encabezado y pie de página, así al cambiar de monitor o resolución se mantienen al ancho del sitio (definido por la resolución)
Te pongo un ejemplo bastante burdo pero muestra algo como lo que entendí estas buscando
Salu2
VA
<html>
<head>
<style type="text/css">
<!--
* { padding:0px; margin:0px; }
body{ background-color:#D2D2D2; }
#header { width:100%; height:150px; background-color:#FF0000; clear:both; }
#contenido { width:100%; height:auto; background-color:#00FF00; clear:both; }
#footer { width:100%; height:150px; background-color:#0000FF; clear:both; }
-->
</style>
</head>
<body>
<div id="header">aqui va el header</div>
<div id="contenido"><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p></div>
<div id="footer">aqui va el footer</div>
</body>
</html>