Align image with css

Question

I have a blank page just doctype and body.
How to center image vertically and middle within the body ? The image should be centered in every resolution of monitor.

Answer 1

If fixed size image, CSS:

img#the-image{
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-HALF_OF_THE_IMAGE_WIDTH;
 margin-top:-HALF_OF_THE_IMAGE_HEIGHT;
}