Hola!
¿Es posible centrar un elemento absoluto con css en la página?
Gracias.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
...@visionasolutions.es
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wed, December 15, 2010 6:57:53 AM
Subject: [Ovillo] centrar elemento absoluto con css
Hola!
¿Es posible centrar un elemento absoluto con css en la página?
Gracias
Hola,
Se me ocurren dos trucos sencillos:
#elemento {
position: absolute;
width 100px;
left: 50%;
margin-left: -50px;
}
En ese truco se base esta técnica:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
Otra posibilidad es usar dos elementos:
#contenedor {
position:
, 15 de diciembre de 2010 14:07
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar elemento absoluto con css
Hola,
Se me ocurren dos trucos sencillos:
#elemento {
position: absolute;
width 100px;
left: 50%;
margin-left: -50px;
}
En ese truco se base esta técnica
Gracias.
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Jorge Noricumbo
Enviado el: miércoles, 15 de diciembre de 2010 14:06
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar elemento absoluto con css
, 15 de diciembre de 2010 14:07
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar elemento absoluto con css
Hola,
Se me ocurren dos trucos sencillos:
#elemento {
position: absolute;
width 100px;
left: 50%;
margin-left: -50px;
}
En ese truco se base esta técnica
2010/12/15 Joseba Rodríguez jos...@visionasolutions.es
Creo que me encabezoné con el margin auto y parece que eso no va con
posicionamiento absoluto.
No, claro, margin auto no funciona *en el mismo elemento* que tenga position
absolute, pero sí podés posicionar un contenedor y dentro de éste
Hola a todos,
se puede. Para hacerlo el elemento tiene que tener un ancho definido, lo
colocas al 50% y le restas con margin la mitad de su ancho o alto.
Esta es de hecho la forma más extendida de centrar elementos verticalmente.
code
selector {
position: absolute;
display: