Выравниваем сайт по центру экрана
Дата публикации: 17.01.2009
Последнее обновление: 04.03.2009
Задача
Сделать чтобы при большем разрешении экрана, чем ширина страницы сайта, страница выравнивалась по середине экрана браузера (во всех браузерах).
Решение
HTML код:
<html>
<head>
<style type="text/css">
* {margin: 0; padding: 0;} /* обнуляем отступы */
body {
text-align: center; /* выравниваем все содержимое body по центру */
background: #fff; /* цвет фона для наглядности */
}
div {
width: 800px; /* ширина основного блока */
height: 100%; /* высота для наглядности */
background: #ff0000; /* цвет блока для наглядности */
margin: 0 auto; /* задаем отступ слева и справа auto чтобы сработало выравнивание по центру */
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Проверено в:
Таким же методом можно центрировать любой элемент относительно элемента-родителя.
Теги: каркас верстки
Показать комментарии