|
Архітектура ПК
[1]
Архітектура та експлуатація персонального комп'ютера
|
|
СПЗ
[12]
Системне програмне забезпечення та операційні системи
|
| Комп'ютерна графіка [25] |
|
КСМ
[28]
Комп'ютерні системи та мережі
|
|
ІСІТО
[1]
Інформаційні системи і технології обліку
|
| Бухгалтерський облік [0] |
|
АМтП
[10]
Алгоритмічні мови та програмування
|
| Копирайт рерайт [1] |
|
СУБД
[18]
Системи управління базами даних
|
|
ОКТ практикум
[2]
Основи комп'ютерних технологій практикум
|
|
Інформатика (практ)
[1]
інформатика практикум, практичні заняття
|
|
ТіОБВ
[61]
Технологія і організація будівельного виробництва
|
|
ОСАПр
[6]
Основи систем автоматизованого проектування, AutoCAD, ArchiCAD
|
| ТіОБВ (заочники) [1] |
15:11 Блокові теги Ч2 |
Висота З висотою блокових елементів справа йде аналогічно ширині. Тобто браузер Internet Explorer (а також Opera) за висоту шару приймає значення параметра heightа Firefox додає до нього ще значення параметрів margin, padding і border. Якщо висота шару не встановлена чітко, то вона обчислюється автоматично виходячи з об'єму вмісту. Допустимо, для шару встановлена висота в пікселах, а вміст шару однозначно перевищує вказану висоту (приклад 4). Браузери і тут починають по-своєму відображати подібну ситуацію. Приклад 4. Висота шару <!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 Transitional//en">
Видно, що Opera збільшує висоту шару (Internet Exporer поступає аналогічно), підстроюючи її під вміст, а Firefox залишає висоту незмінною, за рахунок чого текст не поміщається в блоці і накладається поверх шару. Колір фону Колір фону елемента найпростіше встановлювати через універсальний параметр background. Фоном при цьому заливається область, яка визначається значеннями атрибутів width, height і padding.
Таким чином margin не приймає участі у формуванні кольорової області. Межі Із-за різниці в підходах браузерів при формуванні блокових елементів спостерігається і відмінність при відображенні меж. Браузер Internet Explorer проводить рамку усередині блоку, а Firefox — зовні. Але якщо використовувати фонову заливку, то побачимо абсолютно протилежну картину. А все тому, що Firefox (Opera) колір фону встановлює по зовнішньому краю межі, а Internet Explorer — по внутрішній.
У прикладі 5 показано, як створити код для отримання межі. Приклад 5. Пунктирна рамка <!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 Transitional//en"> Відмінності в підході браузерів при малюванні меж помітні тільки на кольоровому фоні і пунктирних лініях. Для суцільної рамки вигляд шаруючи в браузерах буде практично однаковим. Резюме Блокові елементи виступають як основний будівельний матеріал при верстці веб-сторінок. Такі елементи характерні тим, що завжди починаються з нового рядка і займають всю доступну ширину області, в якій розташовуються. Специфікація CSS визначає, що висота і ширина елемента визначається не тільки значеннями параметрів height і width, але до них ще плюсується значення полів, відступів і меж. Браузери в цьому плані діляться на дві частини: одні підтримують в цьому питанні специфікацію, інші ж її ігнорують і поступають по-своєму. Це створює труднощі розробникам, які бажають робити універсальні веб-сторінки. Можна тільки порадити обмежено використовувати властивості width і height, оскільки за умовчанням браузер застосовує аргумент auto, який примушує настроювати розміри елемента автоматично. |
|
|
| Всього коментарів: 0 | |