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

Сообщение