Tsares Community

por **Luis Moreno** » Jue Feb 14, 2008 8:48 am

¿Cómo centrar el contenido de una pagina web?
¿Cómo centro el contenido de mi pagina?

El método mas sencillo es usar el TAG <center> </center> el único inconveniente de este método es que ya ha sido declarado obsoleto (deprecated) por el W3C , y los browsers dejarán de soportarlo dentro de algún tiempo, así que es mejor usar <div>
A continuación ejemplos de ambos métodos:
1.- Método <center>
Posiciona el Tag <center> justo después de <body> y al final de la tabla ciérrala con </center>
Ejemplo:
</head>
<body bgcolor="#FFFFFF" leftmargin="10">
<center>
<table id="Tabla_Principal" width="766" height="755" border="0" cellpadding="0" cellspacing="0">
</center>

2.- Método <div>
Encuentra los elementos que desees centrar. Si ya tienes un tag <center> en el documento inicia por ahí.
Pon el cursor antes del primer Tag <p> o <img> que desees centrar.
Escribe:
<div style="text-align: center;">
Mueve el cursor al final del texto u otros elementos (incluyendo imagenes, tablas, etc) que deeses centrar.
Escribe:
</div>
Borra cualquier tag <center> o atributos align="center" que tengas al rededor de la sección centrada, ahora guarda tu página y prueba los resultados.
Tips:
Puedes poner tu estilo en el tag div mismo o en una clase en la sección head del documento.
Algunos browsers no centrarán tablas usando tags div, así que asegúrate de probarlo en varios browsers o al menos en los que tu audiencia usa para verificar que son los resultados esperados.
Esta técnica puede causar problemas en un futuro pues CSS 2 indica que la propiedad text-align es solo para elementos inline, no en bloques o párrafos, así que deberás tener esto en cuenta.
Esta técnica se ha probado usando incluso XHTML y trabaja bien para IE 5+, Firefox 1+, and Safari 1+.

Tsares Community

¿Cómo centrar el contenido de una pagina web?

¿Cómo centrar el contenido de una pagina web?

¿Quién está conectado?