Как центр сделать меньше

Здравствуйте, посетители блога DenWeb.Ru. Почти всегда при верстке бывает нужно сделать так, чтобы страница сайта, в случае если ее ширина будет меньше разрешения экрана, выравнивалась по центру. Как это сделать?

Выравнивание страницы по ширине браузера дело не сложное. Для этого используем следующий метод:

HTML:

<html> <head> </head> <body> <div id="wrapper">Содержание сайта</div> </body> </html>

CSS:

{margin: 0; padding: 0;} body { text-align: center; } #wrapper { width: 800px; margin: 0 сделать auto; }

Мы создаем блок div с идентификатором wrapper с шириной к примеру 800px, который является «оберткой» для всего содержимого страницы.

В начале обнуляем все отступы — {margin: 0; padding: 0}. У body прописываем свойство text-align: center, для выравнивания его содержимого по центру. А для блока wrapper задаем свойство margin: 0 auto, которое и выравнивает его по центру.

Таким способом можно выровнять любой другой элемент.


Источник: http://DenWeb.ru/verstka/vyravnivanie-stranicy-sajta-po-centru.html




Рекомендуем посмотреть ещё:


Закрыть ... [X]


WikiHow - Мы пытаемся помочь каждому на планете научиться, как делать Прошел месяц отношений

Как центр сделать меньше

Рекомендации тем, кто решил модернизировать музыкальный центр

Как центр сделать меньше

Quot;Выпиливаем" усилитель из старого муз. центра. - ЯПлакалъ

Как центр сделать меньше

Изменение выравнивания, отступов и интервалов - PowerPoint

Как центр сделать меньше

Помогите пожалуйста CS:GO net_graph - NaVi Forum - Киберфорум NaVi

Как центр сделать меньше

Выравнивание страницы сайта по центру ВКонтакте

Как центр сделать меньше

Выравниваем блок по центру страницы / Хабрахабр

Как центр сделать меньше

Настройка положения оружия в Counter-Strike: Global Offensive

Как центр сделать меньше

В помощь тем кто выбирает диски DRIVE 2

Как центр сделать меньше

Steam Community : Guide : Настройка net_graph

Как центр сделать меньше

Как центр сделать меньше

«Стань английским Дзанарди». Мир поддерживает гонщика

Как центр сделать меньше

Болезни кожи - Симптомы и лечение народными средствами в домашних условиях