Cita:
Iniciado por Pleyano 
Aunque desconozco si existe una mejor forma de solucionar el problema ;)
Hola ....si la otra seria maquetiandola así:
Código HTML:
<html>
<head>
<style>
body {
font-family: Cookies, Verdana, Tahoma, Geneva, sans-serif;
font-size:100%;
color: #c1c1c1;
}
.contenedor {
background-color:red;
height:100%;
width:100%;
position:fixed;
margin:0;
}
.contenido {
background-color:green;
height:100%;
width:100%;
margin:0;
}
#top {
width: 100%;
height: 60px;
margin: 0;
background: #0A0A0A;
text-align: center;
}
.banner {
width: 700px;
margin: 0px auto;
padding: 0 70px;
text-align: left;}
* {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.menu {
float: right;
list-style: none;
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.menu li{
list-style: none;
float: left;}
.menu li a{
color: #EEE;
margin: 0 10px;
text-decoration: none;
font-weight: bold;
line-height: 60px;
}
</style>
</head>
<body>
<div class="contenedor">
<div id="top">
<div class="banner "></div>
<div style="float:left;">LOGO</div>
<div style="float:right;">
<ul class="menu">
<li><a href="#">Link a </a></li>
<li><a href="#">Link a </a></li>
<li><a href="#">Link a </a></li>
</ul>
</div>
</div>
<div class="contenido">Colocar aquí el contenido para class "contenido" Colocar aquí el contenido para class "contenido" Colocar aquí el contenido para class "contenido"</div>
</div>
</body>
</html>