| Vertical centering of DIV
|
alphacooler
msg:3080997 | 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. Any ideas?
|
Setek
msg:3081020 | 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
div;
- absolutely position;
- set
left and 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 :)
|
|
|
