Question

I have a placeholder (under construction) site which holds only one image with the logo. I horizontically aligned with margin: 0 auto.
But how do I know additionally horizontal align the image.
Or with one sentence: How do I fully centrate an image.

Look here to see live: fiddle

Regards,
Bodo

EDIT:
For 1:2 (height to width) images use:

#wrapper img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 799px;
    height: 404px;
    margin: -202px -399px 0;
    border: 1px solid black;
}

like in the linked thread 🙂

thank you for the help

Answer 1

Urm.. Have you tried ?

<div class='placeholder'>
   <img src='../images/myimage'>
</div>

And the css for that markup

.placeholder
{
position : absolute;
top : 50%;
left : 50%;
width : 200px; /* Width of the image in question */
height : 200px;/* height of the image in question */
margin : -100px 0px 0px -100px;
}

This should bring your image to the very center of the page.