Как да настроите полетата за всички размери на монитора

Според W3Schools, към януари 2012 г., 85% от всички компютърни монитори в употреба са с резолюция по-голяма от 1024 на 768 пиксела и само 1% от мониторите са 800 на 600 пиксела. Въпреки малката част от хората, които все още използват малки 800 от 600 монитора, ако проектирате бизнес уеб страница, която трябва да се вижда на всички монитори (т.е. без страничен превъртане), ще трябва да запазите 800 от 600 екрани в ума. За да регулирате полетата, за да отговарят на всички размери на монитора, задайте ширината на страницата до 785 пиксела или по-малко.

1.

Отворете HTML файла на уеб страницата си в редактора на код, като Notepad ++ или Dreamweaver.

2.

Превъртете през кода в HTML файла до първата таблица или DIV таг (етикетът, който използвате, за да съдържа съдържанието на вашата уеб страница).

3.

Кликнете в отварящия маркер за таблицата или DIV и въведете следния код в маркера (с кавичките):

стил = "марж-наляво: автоматичен; марж-надясно: автоматичен; ширина: 785px; "

Ако не искате да бъде 785 пиксела, можете да го настроите на по-малка стойност (например 750px или 650px).

4.

Запишете HTML файла и го отворете в уеб браузър, за да го видите.

Бакшиш

  • Кодът "margin-left: auto" и "margin-right: auto" се използват за центриране на съдържанието на уеб страницата ви (т.е. дават равни полета наляво и надясно) в прозореца на браузъра. Кодът „ширина: 785px“ ще определи ширината на съдържанието на страницата. Ширината ще остане същата, независимо от размера на монитора.

Препоръчано