En CSS a veces nos complicamos la vida con cosas sencillas que son menos complicadas de lo que pensamos, y que cuando vemos la solución casi nos entra la risa al observar semejantes anécdotas.
Más de una persona me ha preguntado como se centra un div posicionado de forma absoluta, y la respuesta es muy sencilla:
- Le damos una anchura fija al div. Ejemplo: 500px
- Posicionamos absolutamente el div con 50% de izq. Ejemplo: position:absolute;left:50%;
- Le restamos con el margin la mitad de lo que mide. Ejemplo: margin-left:-250px;
El resultado es un div posicionado de forma absoluta y perfectamente centrado.
Muchísimas gracias.. tal como dices algo tan sencillo y que a pesar del paso del tiempo sigue siendo autor de muchos dolores de cabeza.
Me sirvió mucho tu publicación, muchas gracias.
Muchas graciaaassss!!!
Buen aporte me sirvio mucho, gracias
Que grande loco me re sirvio :D
Excelente, gracias…
Muy bien Carlos.
excelente info
Gracias me sirvio
me has salvado!!! gracias :)
Gracias tío, me ayudo un montón!!, ,que falta de imaginación la mía.
muchas muchisimas gracias!!!!! este truco siempre me ayuda jaja
muchas gracias amigo excelente
esto no es cenrtrado, todo depende del tamaño original del elemento div base a que lo hacemos crecer dependiendo lo que se le ponga adentro, para mi me sirvio mas usar esto que visualmente si lo veo aun mas centrado y reponsive:
absolute;
left: 50%;
margin-left: -100px;
que seria la mitad.
Se agradece el aporte, me ayudó realmente, saludos !!!
Muy buen aporte me ayudo mucho, mil gracia !!!