Centrar una pagina mediante CSS
En ocaciones cuando estamos diseñando una web y queremos centrarla de forma sencilla, la mejor opción es utilizar Css, por la sencilles con que se hace y la rapides, y para esto aquí les dejo el codigo Html y el CssCódigo HTML:
HTML:
Código Css:
CSS:
-
<style type="text/css"> body { margin:0; padding:0; text-align:center; }
-
-
#content { text-align:left; margin:auto; background-color:#ff0; width:800px; height:800px; }
-
-
#cabecera { width: 800px; height:100px; background-color:blue; }
-
-
#menu { width:150px; height:650px; float:left; background-color:#888; }
-
-
#contenido { width:650px; height:650px; float:left; background-color:#ccc; }
-
-
#pie { clear:both; width:800px; height:50px; background-color:#0f0; }
-
-
</style>
La imagen es como queda con los colores de prueba que le e dado a la Css, eso lo puedes configurar a tu gusto
Vota esta entrada:
