Ver Mensaje Individual
  #4 (permalink)  
Antiguo 11/09/2009, 09:19
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: centrado vertical y horizontal

hola gabrielflowers:

La intención de mi respuesta es ampliar la buena respuesta de mayid

Con respecto al centrado horizontal:

Tal como dice mayid debes usar margin: 0 auto 0 auto;
o solo con margin: 0 auto; /*aqui 0 se refiere a top y bottom y auto a left y right*/

text-align:center; es utilizado para que internet explorer (solo este navegador y ningun otro) entienda que debe centrar una caja por lo que si usas esta propiedad en un html de por ejemplo estas características:

<body>
<div id"mi_id">
</div>
</body>

tu estilo sería ...

* {margin:0; padding:0;} /*el asterisco es el selector universal y sirve para asignar propiedades a casi todos los elementos y con ello lograr un reset básico del css lo que te permitirá sortear las diferencias de renderización que existen entre los diferentes navegadores*/
body {text-align:center;}/*centras el texto en body*/
#mi_id {text-align:left; margin: 0 auto;}/ahora vuelves tu texto a la alineación izquierda, si quieres que el contenido de tu div alinee sobre la derecha pues bien pone right; todo depende de tu diseño*/

Puedes ver aquí un ejemplo:
http://www.araudi.net/ejemplos/cajas_centradas.html


Respecto al centrado vertical (no tan simple de lograr como el centrado horizontal) puedes ver este otro link también de mikmoro:

http://www.araudi.net/ejemplos/centr...lay_table.html

o bien.. estos otros:
http://www.csslab.cl/2007/01/12/cent...tical-con-css/
http://www.webmasterlibre.com/2006/0...ss-2-vertical/

Espero sirva este granito de arena

Saludos!

P/D: También puedes pasarte por este hilo
http://www.forosdelweb.com/f53/centr...on-css-503117/

Última edición por cristian_cena; 11/09/2009 a las 09:35