Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
FAQ: Centrar contenido de la página

 Se muestran 5 comentarios sin revisar

Jaime  02/5/07 
Yo hace poco tuve ese problema, lo que hice fue poner una tabla o div centrada con css algo así:
.tabla{position:absolute; top:50%,left:50%}

claro q esto no la deja 100% centrada, hay que tener la medida de la tabla y con margenes negativos centrarla, osea, así:

.tabla{position:absolute; top:50%,left:50%; width:200px;height:200px; margin-top:-100px /*200/ 2 */; margin-left:-100 /* 200 / 2 */}

theUniC  02/5/07 
El "text-align:center;" funciona para Internet Explorer, pero no para Firefox (qué típico no?). Si no leí mal, IE trata a los elementos displayados com "inline" igual que los elementos mostrados en bloque. Para que funcione también con Firefox, es necesario añadir-le un ancho a la capa i la propiedad "margin".
<code>
#capa_a_centrar {
width:760px;
margin:0 auto;
/* Centrar en IE */
text-align:center;
}
</code>

Angel  04/5/07 
Hace poco tuve un problema similar para solucionarlo, primero pense usar un DIV contenedor pero no funciona tanto en Mozilla como IE (HAy que indicar margenes automaticos lo que genera un margen arriba, si modificas solo ese margen todo se descuadra.)
Asi que use una tabla como contenedor, funciona en todo explorador y no requiere css
<table align="center"><tr><td> Tu contenido </td></tr>

Marco  08/5/07 
no se porque te haces tanto problema..es muy facil hacer eso sin necesidad de usar div , es un simple juego de codigos ;)

CarlosN  30/5/07 
Prueba con este codigo
body {
text-align:center;
}
#centro{
margin:auto !important;
width:900px;
text-align:left;
}

recuerda que lo debes usar en una etiqueta <div id=centro>tus capas o tablas</div>

suerte

Ver el articulo / faq completo Ver la FAQ y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba

Comentarios no revisados de:

+ Centrar contenido de la página


DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia