El esqueleto de mi web es:
<div id="wrapper">
<div id="topbar"></div>
<div id="sidebar"></div>
<div id="main"></div>
<div id="footbar"></div>
</div.
Quiero que el topbar, este pegado al borde superior de la pantalla, esto si lo puedo lograr, con las siguientes instrucciones CSS
Código CSS:
Ver original
#wrap { width:100%; margin:0 auto; } #header { padding:5px 10px; background:#3b5998; }
Sin embargo, las dos columnas, no quiero que se extiendan a lo largo de toda la pantalla, en cambio las quiero centradas.
Es decir, tener cierto "espacio muerto" a los lados de la pagina.
Mas o menos como la pagina principal de Facebook, que esta la barra superior a lo largo de la pantalla, pero el feed de noticias y los updates, y la publicidad estan "al centro" de la página... espero me explique.
Esa es la parte que no puedo lograr, lo que tengo en mi css para la div de sidebar y main es:
Código CSS:
Ver original
#sidebar { float:left; width:15%; background:#f67a20; } #main { float:right; width:85%; background:#fff; } #footer { clear:both; padding:5px 10px; background:#004990; }
Alguien que me pueda echar la mano?
Gracias.