Инструкция
1
Способ выравнивания по центру зависит от способа верстки. Можно воспользоваться тегами <div> или <table>. Конечно, проще заключить все содержимое в тэг <center>, но он давно устарел, и нет гарантии, что все будет правильно работать. Наиболее современный способ – использование технологии CSS.
2
Тэг <div> выделяет часть кода в один блок, позволяя изменять вид содержимого, задавая фрагменту один шрифт, цвет, фон и т.д. При блочной верстке все содержимое тэга <body> помещаем в тэг <div>. В <div> задаем выравнивание атрибутом align. Выглядеть это будет так:
<body>
<div align=”center”>Содержание сайта</div>
</body>.
3
Также центровку можно задать при помощи средств CSS. Для этого нужно создать отдельный файл таблиц стилей или разместить все в том же HTML файле, в тэге <head>. Код будет выглядеть следующим образом:
<head>
<style type="text/css">
* {margin: 0; padding: 0;} <!--обнуляем все отступы-->
body {
text-align: center; <!-- выравниваем текст по центру-->
}
div {
width: 700px; <!--задаем ширину содержимого сайта-->
margin: 0 auto; <!--задаем отступы справа и слева, чтобы сработало выравнивание по центру-->
}
</style>
4
При табличной верстке центрирование задается с помощью таблиц в тэге <table>. Код будет таким: <table align=”center”>Содержание сайта</table>. Таблица будет расположена по центру страницы, соответственно и ее содержимое тоже. Также можно задать ширину любого блока, указав ее с помощью параметра width.
5
Выбирая ширину страницы, не забывайте, что у пользователей разрешение экрана может сильно отличаться от вашего. Иногда, чтобы не ошибиться с размером, следует задать все в процентном соотношении. Это особенно удобно, если у вас простой сайт.
6
Каким бы способом вы ни воспользовались, убедитесь, что во всех браузерах ваш сайт работает корректно. Если он по каким-то причинам неправильно отображается в одном из них – укажите это.