| Welcome to WebmasterWorld Guest from 126.96.36.199 |
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
|Pubcon Platinum Sponsor 2014|
|Vertical centering of DIV|
When a user clicks a button (such as to upload an image) I would like to overlay a DIV that is vertically aligned in the middle of the page that shows feedback (i.e. "Uploading...Please wait").
I'm clueless, I was thinking maybe displaying the container div as a table, and using vertical-align, but i'm not sure this will do it.
If it's fixed-width, fixed-height, this can be done quite easily.
You want it positioned over the top of everything else, so:
- fix the width and the height of the
- absolutely position;
top to 50%;
- set negative margin which is half the amount (e.g. if width = 600px, height = 300px, set
margin-left = -300px,
margin-top = -150px); and
- set your
z-index higher than your other elements, to position it above everything else.
That's it :)
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved