Tutorial: How to align center on the screen when using position absolute with CSS

As a developer, i always have the chance to come across position: absolute when doing layout and dynamic animation such as pop out box and etc. But for many years it seems like until today then i realize how to correctly align an absolute position container on the center of the screen. Many tutorial uses many trick in order to position their container on the center of the screen for either alert or selective option but it is really REALLY easy to align your container on the center when using position absolute. I will try to show you some simple and easy way to do this with little complication (The reason why it is difficult are mostly because there are so much words written on some tutorial that make it hell confusing).

3 thoughts on “Tutorial: How to align center on the screen when using position absolute with CSS

  1. Hi, just for you to know that the demo is not working on the Opera browser.
    I think it's because the style rules are outside the html head element.

  2. Hi Victor, thanks for informing me, i will check them out and update this post accordingly.

    Regards,
    Clay

  3. Hi Vector,

    Something wrong with Opera inline CSS styling, i just change it to external CSS styling and the demo is up again. Thanks for informing again.

    Cheers,
    Clay

Comments are closed.