Foros del Web » Creando para Internet » CSS »

Centrar capa absoluta con width: auto

Estas en el tema de Centrar capa absoluta con width: auto en el foro de CSS en Foros del Web. Hola amigos de FDW, ante todo gracias por toda la ayuda ofrecida en otras ocasiones. Mi problema es que no logro centrar una capa absoluta ...
  #1 (permalink)  
Antiguo 22/01/2012, 23:29
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 207
Antigüedad: 13 años, 1 mes
Puntos: 9
Mensaje Centrar capa absoluta con width: auto

Hola amigos de FDW, ante todo gracias por toda la ayuda ofrecida en otras ocasiones.

Mi problema es que no logro centrar una capa absoluta cuando el width es auto.

Siempre he usado estas líneas para centrar, pero como se darán cuenta el width tiene un valor predeterminado.
Código CSS:
Ver original
  1. .midiv {
  2.     position: absolute;
  3.     left: 50%;
  4.     top: 50%;
  5.     height: 200px;
  6.     margin-top: -100px;    // 200px/2
  7.     width: 300px;
  8.     margin-left: -150px;    // 300px/2
  9. }
¿Cómo podría hacer lo mismo pero con width: auto?

Gracias de antemano.
__________________
La educación y la cortesía abren todas las puertas.
  #2 (permalink)  
Antiguo 23/01/2012, 04:38
danihxh
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Centrar capa absoluta con width: auto

¿Qué es lo que quieres hacer exactamente? Yo siempre utilizo esto para centrar:

Código:
	width: XXX px;
	margin: 0 auto;
pero no funciona con width: auto.

Tal vez te sirva poner un div con text-align: center y en su interior un span. De esta manera el span tendrá siempre un ancho según su contenido (a no ser que especifiques lo contrario) y podrás colocar el div dónde quieras con position: absolute.

Espero que te sirva!
  #3 (permalink)  
Antiguo 23/01/2012, 09:03
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 207
Antigüedad: 13 años, 1 mes
Puntos: 9
Respuesta: Centrar capa absoluta con width: auto

Hola danihxh, gracias por la respuesta. Realmente no es lo que busco. Ese que usas yo también lo uso pero en capas relativas, no funciona con absolute, aunque la idea del text-align suena interesante, no estoy seguro que funcione, pero igual voy a intentar. ¡Gracias!, te comento luego el resultado.
__________________
La educación y la cortesía abren todas las puertas.
  #4 (permalink)  
Antiguo 23/01/2012, 19:48
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Centrar capa absoluta con width: auto

No se puede.
width: auto, es el valor por defecto para cualquier capa, asi que la capa se extendería hasta encontrar algun otro elemento que la contenga y el navegador no podría determinar automaticamente los márgenes, ni siquiera te serviría darle un porcentaje
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: capas, position, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:37.