Hola, bueno, me mandaste el html y no el css, en principio hay michisimos errores de concepto en cuato a la maquetacion, yo no pude ver mucho, te voy a decir lo que me parece y despues a investigar y estudiar css -
http://www.cssya.com.ar
Para mi tu problema es que no utilizas un contenedor para tu pagina, toda tu pagina, cabecera, contenido y footer, deberia estar encerrado en otro div que haga de contenedor, sobre todo porque los contenidos son pocos y en monitores con resoluciones altas siempre te va a ver el espacio y tu fondo aparece en el body y el body es todo por eso se ve el espacio que vos decis, que es logico, te tiro un codigo investigalo y fijate si podes remaquetar y resolver tu problema, yo sacaria el fondo del body y lo colocaria en un contenedor, centraria mi diseño en la pagina.
Codigo:
Código:
<html>
<head>
<title>Prueba diseño dos Columnas</title>
<style type="text/css">
#wrapper{
margin:50px auto;
border:5px solid green;
}
#branding{
border:1px solid blue;
background:blue;
}
#content{
width:520px;
float:right;
border:1px solid red;
}
#mainNav{
width:180px;
float:left;
border:1px solid red;
}
#footer{
clear:both;
border:1px solid blue;
background:blue;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="branding">
<p>CABECERA</p>
</div>
<div id="content">
<p>DERECHA</p>
</div>
<div id="mainNav">
<p>IZQUIERDA</p>
</div>
<div id="footer">
<p>FOOTER</p>
</div>
</div>
</body>
</html>
Saludos.