Повечето страници днес са разположени с помощта на слоеве (div), така че проблемът с подравняването на сайта към центъра на прозореца на браузъра се свежда до задачата за центриране на слоя, който определя ширината на видимата област на страницата. За да бъде позициониран в средата на прозореца, е необходимо да зададете подходящите настройки за неговия родителски елемент или за самия този блок.
Необходимо е
Основни познания по езици HTML и CSS
Инструкции
Етап 1
Поставете слоя, който искате да позиционирате в центъра на прозореца, между отварящата и затварящата части на централния маркер, ако искате да използвате само средствата на езика HTML (HyperText Markup Language - "хипертекстов език за маркиране"). Ще приемем, че родителят на слоя, който определя границите на страницата, е тялото на тази страница. Най-простата версия на HTML кода, използваща централния таг, в този случай може да изглежда така:
Централна страница
текст на страницата
Стъпка 2
Ако искате да използвате CSS (Cascading Style Sheets) за центриране на страницата, използвайте автоматично оразмеряване на подложката от границите на прозореца на браузъра. Размерите на полета в CSS се определят от параметъра на полето. Премахнете централните тагове от предишната проба и добавете параметър на полето 0 auto към атрибута style на слоя, който определя ширината на страницата:
Централна страница
текст на страницата
Стъпка 3
Разбира се, дефиницията на стила може да бъде извадена от атрибута на стила и поставена във външен файл или в главата на документа (между етикетите и и). В този случай същият код ще изглежда така:
Централна страница
#pageFrame {
ширина: 700px;
височина: 400px;
фон: # 0BB;
марж: 0 автоматично;
}
текст на страницата
