Скрипты
Скрыть
Абсолютное центрирование изображения
CSS используя background-image:
html {
width :100%;
height :100%;
background :url(logo.png) center center no-repeat;
}
CSS используя Inline Image:
img {
position : absolute;
top : 50%;
left : 50%;
width : 500px;
height : 500px;
margin-top : -250px; /* Half the height */
margin-left : -250px; /* Half the width */
}
Используя таблицы:
CSS
html, body, #wrapper {
height : 100%;
width : 100%;
margin : 0;
padding : 0;
border : 0;
}
#wrapper td {
vertical-align : middle;
text-align : center;
}
HTML
<html>
<body>
<table id="wrapper">
<tr>
<td><img src="logo.png" alt="" /></td>
</tr>
</table>
</body>
</html>
