Как сделать сайт по центру?

Большинство страниц сегодня верстаются с помощью слоев (div), поэтому проблема выравнивания сайта по центру окна браузера сводится к задаче центровки того слоя, который определяет ширину видимой области страницы. Чтобы он позиционировался в середине окна необходимо задать соответствующие установки его родительскому элементу, или самому этому блоку.
Создать сайт самостоятельно с Wix.com

Вам понадобится

• Начальные знания языков HTML и CSS

Инструкция

Поместите слой, который нужно позиционировать по центру окна, между открывающей и закрывающей частями тега center, если хотите обойтись только средствами языка HTML (HyperText Markup Language - «язык разметки гипертекста»). Будем исходить из того, что родительским элементом слоя, определяющего границы страницы, является тело этой страницы. Самый простой вариант HTML-кода с использованием тега center в этом случае может выглядеть, например, так:

Страница по центру

текст страницы

Используйте автоопределение размеров отступа от границ окна браузера, если хотите использовать язык CSS (Cascading Style Sheets - «каскадные таблицы стилей») для выравнивания страницы по центру. Размеры отступов в CSS определяются параметром margin. Из предыдущего образца уберите теги center и добавьте в атрибут style слоя, который определяет ширину страницы, параметр margin со значением 0 auto:

Страница по центру

текст страницы

Конечно, определение стиля можно вынести из атрибута style и поместить во внешний файл или в заголовочную часть документа (между тегами и ). В этом случае тот же код будет выглядеть, например, так:

Страница по центру

#pageFrame {

width:700px;

height:400px;

background:#0BB;

margin: 0 auto;

}

текст страницы

Оцените статью!