Как да си направим сайт разтегнат
В издателските сайтове често имате за решаване на фундаменталния въпрос: какво е поведението на страницата, когато го отворите с различна разделителна способност на екрана? Има две възможности - "гума" (разтягане) на обекта, или статични страници. За първото изпълнение ще бъдат обсъдени. Каквото и предпочитанията си в оформлението, основният принцип при проектирането на отсечката е относителното мащабируемост.
Той отдавна е тайна, че оформлението може да бъде от различни видове - на маси, на Разделение блокове и комбинирани (таблици и блокове в същото време). За маса оформление съответства на HTML тагове
В програмата му по-нататък "маса" и се намира в разделите на визуални форми. В структурата на този таг е различни свойства. Ние трябва да се простират на "ширина" и "височина" ( "ширина" и "височина", съответно). Кодът в основната таблица, която ще бъде разтегнат сайта на база, се изчислява по формулата:
. Ето структурата на таблицата със съдържанието на сайта.
Ако трябва да посочите точен кореспонденцията между клетките на таблицата, използвайте следния пример:
съдържанието на клетката 1.
съдържанието на клетката 2.
Тук ще видите, че една от клетките съдържа широчината на 30% от общата сума, която се определя по отношение на самата маса. Просто изчисление показва, че втората клетка е 100% -30% = 70%. Не забравяйте, че в този случай, една от клетките на таблицата не трябва да се постави ширина атрибут (широчина). Всички изчисления ще произвеждат свой собствен браузър и правилно се простират клетката от таблицата. Съдържание в рамките на маса ще се разширяват и свиват правилно на различни екрани.
В случай на DIV тагове оформление блокове
Обикновено тя се поставя в началото на скрипта, определяне на бъдещето на цялата геометрия на сайта:
Код за CSS-правило е, както следва:
. ширина MyClass: 30% -
височина: 50% -
>
#myID ширина: 30% -
височина: 50% -
>
Моля, обърнете внимание
Отделете време, за да се провери на получената форма във всички основни браузъри (Mozilla Firefox, Google Chome, Internet Explorer, Opera). правилно Трябва да се разтяга във всяка от тях.
здравословни съвети
Ширината и височината на масите, можете да се регистрирате в CSS-файл (Cascading Style Sheets). В този случай ширината и височината е посочено в индексни файлове и препратки към класове и ID в съответните стилове.