Internet Explorer интерпретирует значение
visible таким образом, что размер блока подстраивается под объем
содержимого, что с точки зрения спецификации CSS2 некорректно.
fЛистинг 4.8. Блочный элемент, использующий значение visible
[ свойства overflow
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
Переполнение KOHTenHepa
HecMOTpH
на то, что компания Microsoft явилась родоначальником безусловно
полезных свойств overflow-x
и overflow-y, ее браузер
пока что с трудом управляется со стандартным свойством overflow.
Internet Explorer интерпретирует значение visible таким образом,
что размер блока подстраивается под объем содержимого, что с точки
зрения спецификации CSS2 некорректно.р>
Глава 4. Использование блочной модели СЭ82дпя верстки сложных веб-страниц 191
Различия в интерпретации кода, описанного в листинге 4.8, браузерами
Firefox 1.0 и Internet Explorer 6.0 иллюстрирует рис. 4.11.
&*й*
ngsfettA pAm W**m*#m "tipm* ц
ф *ф
i,©fTT3©fl^^|E"
Несмотря на то, что
компания Microsoft
явилась
рол оначатьннко м
безусловно полезных
свойств oveiHow-хн
overllow->% ее браузер
пока что с трудом
управляется со
ь- стандартным чгв&йдпндо7-
overflow. Internet
Explorer интерпретирует
значение visible таким
образом, что размер
блока подстраивается
под объем
содержимого, что с
точки зрения
спецификации CSS2
некорректно.
^
ШШШШШШЁ!
Лзйл Главка Вид Шртж . сереис Сп$>&м
4* „,-¦#¦ » ^
Ш] Z:\examples\04\08\mdex.html
Несмотря на то, что
компания Microsoft
явилась
родоначальником
безусловно полезных
свойств overflow-x и
overflow-y, ее браузер
пока что с трудом
упрявляется со
стандартным свойством
overflow. Internet
Explorer интерпретирует
значение visible таким
образом, чю размер
блока подстраивается
под объем
содержимого* что с
точки зрения
спецификации CSS2
некорректно.
d!
«ЩЩ-;
Рис. 4.11. Нюансы интерпретации свойства overflow
браузерами Firefox 1.0 и Internet Explorer 6.0
Спецификацией CSS2 определены свойства min-width, max-width, min-height И
max-height с тем, чтобы разработчики могли указывать минимальные и
максимальные линейные размеры элементов. Эти свойства поддерживают те же
самые типы значений, что и свойства width и height (со всеми
сопутствующими оговорками). К сожалению, доминирующий браузер— Internet
Explorer— совсем не понимает означенных свойств, а поэтому
рассматривать их в деталях сегодня не имеет смысла.
Виды позиционирования
Долго ли, коротко ли, а добрались мы до основной темы текущего раздела —
позиционирования элементов.
CSS2 предусматривает четыре типа позиционирования, определяемых при
помощи свойства position со следующими значениями:
192 Часть II. Применение веб-технологий стороны клиента для создания сайтов
П static (значение по умолчанию)— статическое. Элемент размещается
«как обычно», в соответствии с нормальным потоком;
П relative— относительное. Положение элемента вычисляется в
соответствии с нормальным потоком, однако затем элемент смещается
относительно нормального потока на величины, определенные значениями
свойств top, bottom, left и right, о которых будет сказано ниже.
Последующие элементы в нормальном потоке позиционируются так, будто бы
данный элемент не был смещен;
П absolute — абсолютное. Положение и, возможно, размер элемента
определяется значениями свойств top, bottom, left и right, задающими
смещения относительно границ содержимого родительского элемента.
Абсолютно позиционированные блоки исключаются из нормального потока, никак
не влияя на размещение всех остальных элементов. Если абсолютно
позиционированный элемент имеет отступы, определенные свойством margin,
то они не перекрываются с отступами других элементов;
П fixed — фиксированное. Расположение элемента рассчитывается по
алгоритму, применяемому для схемы absolute, но при этом осуществляется
жесткая «привязка» блока к границам области просмотра (например, окна
браузера) или страницы (для устройств, осуществляющих постраничную
разбивку документа, к примеру, при выводе на печать).
|
5th Фев 2011
|
Теги:
|