Абсолютный центр (вертикальный и горизонтальный) изображение онлайн урок.


# CSS background-image Техника:

html { 
width:100%;
height:100%;
background:url(logo.png) center center no-repeat;
}

# CSS + встроенный метод изображения:

img {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 500px;
margin-top: -250px; /* Half the height */
margin-left: -250px; /* Half the width */
}

# Табл.

html, body, #wrapper {
height:100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
#wrapper td {
vertical-align: middle;
text-align: center;
}

<table id="wrapper">
<tr>
<td><img src="logo.png" alt="" /></td>
</tr>
</table>