| Welcome to WebmasterWorld Guest from 18.104.22.168 |
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
|Subscribe to WebmasterWorld|
|Vertical centering of DIV|
| 3:04 am on Sep 13, 2006 (gmt 0)|
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.
| 3:42 am on Sep 13, 2006 (gmt 0)|
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 ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved