Centrar DIV horizontalmente usando CSS

Éste tutorial tiene como objetivo, explicar cómo centrar todo el diseño de una web horizontalmente.
Nota: Para éste tutorial necesitas tener previos conocimientos sobre XHTML y CSS.


Crearemos un div con el id wrap alrededor de todo el contenido de la página. Recuerde que puede cambiar el id por cualquier otro nombre que ústed desee, o le parezca conveniente.
Tendriamos algo como ésto.

CSS
Para que el #wrap centre el contenido utilizaremos CSS.
Utilizaremos margenes automáticos para centrar el div, y recuerde que éste debe tener un tamaño, ya sea en pixeles, em o porcentajes.
#wrap { margin:0 auto 0 auto; width:390px; }

Éste código deberá funcionar en los browsers actuales que sigan las recomendaciones estándar de la W3C. Pero, IE 6 y anteriores, no reconoce éste código, por lo que tendremos que recurrir a un hack, utilizaremos text-align:center; para ésto.
Éste error será corregido en el IE7.
body { text-align:center; }
puedes ver el tutorial completo en

0 Response to "Centrar DIV horizontalmente usando CSS"

Buscar este blog

Powered by Blogger