HTML: Cita: <div id="menu">menú superior 100% ancho de la pantalla</div>
<div id="columnleft">contenido izquierda</div>
<div id="columnright">contenido derecha</div>
<div id="footer">contenido del footer</div>
CSS: Cita: *{margin:0; padding:0; outline:0; border:0; height:100%;}
#menu{background:#666; width:100%; height:18%; margin:0 0 2% 0;}
#columnleft{background:#666; width:35%; height:58%; margin:0 0 2% 0; float:left;}
#columnright{background:#666; width:60%; height:58%; margin:0 0 2% 5%; float:left;}
#footer{clear:both; background:#666; height:16%;}
Hay gran recursos para aprender, y pues no se acostumbre a pedir las cosas, acostumbrese a retarse usted mismo a lograr lo que quiere, de en caso de no lograr lo que quiere, tener un código base donde usted hara lo que quiere y aquí siempre se le ayudara.
Saludos!