ЯК вірівняті сайт по центру

При верстці web-майстри доводитися докладаті чималий зусіль, щоб сайт однаково добрі виглядать при різному дозволі екрана. Оптимальним рішенням є вірівняті весь вміст по центру Сторінки.

Інструкція

Способ вірівнювання по центру поклади від способу верстки. Можна скористати тегами # 60-div # 62- або # 60-table # 62-. Звичайний, простіше укласті весь вміст в тег # 60-center # 62-, но ВІН давно застарів, и немає гарантії, что все буде правильно працювати. Найбільш сучасний способ - использование технології CSS.

Тег # 60-div # 62- віділяє часть коду в один блок, дозволяючі змінюваті вигляд вмісту, задаючі фрагменту один шрифт, колір, фон и т.д. При блокової верстки весь вміст тега # 60-body # 62- поміщаємо в тег # 60-div # 62-. В # 60-div # 62- задаємо вірівнювання атрибутом align. Віглядаті це буде так:
# 60-body # 62;
# 60-div align = "center" # 62-Зміст сайту # 60 / div # 62;
# 60 / body # 62-.

Такоже центрування можна Задати с помощью ЗАСОБІВ CSS. Для цього нужно создать окремий файл таблиці стілів або розмістіті все в тому ж HTML файлі, в тегу # 60-head # 62-. Код буде віглядаті Наступний чином:
# 60-head # 62-
# 60-style type = "text / css" # 62;

* {Margin: 0- padding: 0-} # 60 -! - Обнуляємо все відступі - # 62;
body {
text-align: center- # 60 -! - Вірівнюємо текст по центру - # 62;
}
div {
width: 700px; # 60 -! - Задаємо ширину вмісту сайту - # 62;
margin: 0 auto- # 60 -! - Задаємо відступі праворуч и зліва, щоб спрацював вірівнювання по центру - # 62;
}
# 60 / style # 62-

При таблічній верстці центрування задається с помощью таблиць в тегу # 60-table # 62-. Код буде таким: # 60-table align = "center" # 62-Зміст сайту # 60 / table # 62-. Таблиця буде розташована по центру Сторінки, відповідно и ее вміст теж. Такоже можна Задати ширину будь-якого блоку, вказано ее помощью параметра width.

Вібіраючі ширину Сторінки, що не забувайте, что у Користувачів Дозвіл екрана может сильно відрізнятіся від вашого. Іноді, Щоб не помілітіся з розміром, слід Задати всі в процентному співвідношенні. Це особливо зручне, если у вас простий сайт.

Яким бі способом ві НЕ скорісталіся, Переконайся, что у всех браузерах ваш сайт працює коректно. Если ВІН з якихось причин неправильно Відображається в одному з них - вкажіть це.