Скрипты
Скрыть
Абсолютное центрирование изображения
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>