Як зробити сайт по центру

Більшість сторінок сьогодні верстаються за допомогою шарів (div), тому проблема вирівнювання сайту

Содержание

Відео: Основи html. Вирівнюємо вміст сторінки по центру
Вам знадобиться
Інструкція
Відео: Хостинг nic.ru. Копіюємо файли на сайт

по центру вікна браузера зводиться до задачі центрування того шару, який визначає ширину видимої області сторінки. Щоб він позиціонувався в середині вікна необхідно задати відповідні установки його батьківського елементу, або самому цього блоку.

Відео: Основи HTML. Вирівнюємо вміст сторінки по центру

Вам знадобиться

Початкові знання мов HTML і CSS

Інструкція

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

Сторінка по центру

текст сторінки

Відео: Хостинг Nic.ru. Копіюємо файли на сайт

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

Сторінка по центру

текст сторінки

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

Сторінка по центру

текст сторінки

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі