Acabo de maquetar una prueba me podrias decir que tal este codigito?
Código CSS:
Ver originalaside {
top:0;
right:0;
position:fixed;
width:15%;
height:100%;
background:blue;
}
aside2 {
top:0;
left:0;
position:fixed;
width:15%;
height:100%;
background:blue;
}
html {
left:15%;
width:70%;
position:absolute;
}
header {
background:lime;
}
nav{
background:orange;
}
section{
background:green;
}
footer{
background:purple;
}
Código HTML5:
Ver original<header> <hgroup> <h1>El Blog de Freddie Mercury
</h1> <h2>Este Blog es un homenaje a la vida profesional de Freddie Mercury
</h2> </hgroup></header><nav> Aquí va la Barra de navegación con sus botones
</nav><section> <article>Aquí va un post, con su titulo en h1
</article> <article>Aquí va un post, con su titulo en h1
</article> <article>Aquí va un post, con su titulo en h1
</article></section><aside> Barra lateral con cosas que nadie lee, como cuentas de twitter, facebook, posts anteriores, etc.
</aside><aside2> Barra lateral con cosas que nadie lee, como cuentas de twitter, facebook, posts anteriores, etc.
</aside2><footer> Pie de página, copyright, avisos legales, etc.
</footer>
PD: Viva queens
PD2: Use todos los valores en % para que fuera lo mas adecuada a la resolucion de la pantalla posible (Responsive si no me equivoco)