Foros del Web » Creando para Internet » CSS »

centrar vertical y horizontalmente lo que haya dentro de una capa

Estas en el tema de centrar vertical y horizontalmente lo que haya dentro de una capa en el foro de CSS en Foros del Web. me estoy volviendo loco y no encuentro una forma de centrar vertical y horizontalmente lo que haya dentro de una capa cualquiera que sea su ...
  #1 (permalink)  
Antiguo 27/04/2005, 11:49
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
centrar vertical y horizontalmente lo que haya dentro de una capa

me estoy volviendo loco y no encuentro una forma de centrar vertical y horizontalmente lo que haya dentro de una capa cualquiera que sea su medida.

pruebo con margin:auto y me lo centra horizontalmente, pero nunca verticalmente.

antes era mas facil con valing:middle y text-align:center; con css no hay manera de que fucione en todos los navegadores
  #2 (permalink)  
Antiguo 28/04/2005, 10:11
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 14 años, 4 meses
Puntos: 0
he estado probando el codigo que venia en una faq respecto a la alineacion vertical

<style type="text/css">
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
</style>,

sin embargo, no da el mismo resultado en explorer que en mozilla.

por que no funciona el display:table o display:tabla-cell en el explorer?
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 04:57.