Ver Mensaje Individual
  #5 (permalink)  
Antiguo 17/07/2010, 13:41
all-ill
 
Fecha de Ingreso: junio-2002
Mensajes: 750
Antigüedad: 21 años, 10 meses
Puntos: 22
Respuesta: ¿Cómo usar margin: 0 auto con contenido dinámico?

Cita:
Iniciado por jomaruro Ver Mensaje
Que yo sepa text-align sirve justamente para eso alinear texto.
Sí, tal y como dice la traducción literal es para alinear texto aunque también alinea los elementos en línea contenidos dentro de un elemento de bloque y se puede utilizar para "resolver" bugs de algunos navegadores antiguos (algunas versiones antiguas de IE, espero que en desuso).

Para centrar un div es mejor con margin:0 auto; especificando width.
Sin especificar width y haciendo que el div deje de comportarse como un elemento de bloque mediante float u otro método para que se adapte al ancho de su contenido, hay varias alternativas (algunas de ellas no muy agradables a la vista cuando se quiere seguir los estándares), entre ellas usar text-align:center, display:table, display:inline-block, posicionamiento relativo de floats, javascript...

Un ejemplo sería usar:
Código CSS:
Ver original
  1. div#centrada{margin:0 auto; display: table;}

Otro ejemplo aunque centra el contenido de #centrada y no la propia capa:
Código CSS:
Ver original
  1. #container{float:left; overflow:hidden; width:100%;}
  2. #centrada{float:left; left:50%; margin:0 auto; position:relative;}
  3. #centrada img{float:left; position:relative; right:50%;}

En la imagen de ejemplo del primer post creo que quiere que las imágenes se vean una al lado de otra.