RSS

Скрипты

Скрыть

Абсолютное центрирование изображения

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>

Отправить сообщение:

Email

Сообщение