Позиционированных элементов. Чтобы поместить серый блок размером 50 х 50 пикселов

в верхний правый угол окна браузера, создайте такой стиль:

.Ьох {

position: abso1ute:

right: 0:

top: О:

width: 50рх:

height: 50рх:

background-co1or: #333:

Здесь надо вспомнить предостережение, которое давалось в разд. ~Определение

параметров высоты и ширины~ гл. 7: будьте внимательны с установкой высоты для

Элементов. Если вы не разрабатываете какую-нибудь графику с уже заданной

382 Глава 13. Позиционирование элементов на веб·странице

14 .,,,fl ''/>jlll.tllt '"11 - ~ х

!lltljojl!flcwGo~r•• о

ф . + . f!i о ~ ID Nlp:/!cso~~.-...мm -а о"" ln 1

· - 1&1- t:>css· ~ ....... "'.._.. w.-..... 13)-еа~-c:J-0тoo~oo!tJ ___it i

Absolutely positioned <div>

Тор: 100рх

Left: 100рх

Rftht: 1 ООрх

" .1

c:I' Dont .1.·

) ' ' • - х

,.. &lt - ,_ r.,.. н.-.

о·.:· : .. о. · · ~· ~ ~ ! Р-т ~·- е :' ~-~ • · o liJ

..i,h;.[f]h._;:/!csoJO<II/c!t-291>-.h;..

Absolutely positioned <div>

Тор: 100рх

Left: 100рх

Rfght: 1 ООрх

--

.....

·,.;j a~ ·

Рмс. 13.3. Получ ив только левую и правую позиции, Firefox правильно вычисляет ширину серого

Блока (ввepxy). lnternet Explorer 6, однако, игнорирует значение right и устанавливает ширину

Блока на основании ширины его содержимого

Высотой, то не можете знать, насколько высоким будет на странице конкретный

Элемент. Вы могли бы определить для бокового меню высоту 200 пиксело в, но если

Вы заканчиваете ero оп исание добавлением слов или картинок, которые сделают

Как работают свойства nозиционирования 383

Боковое меню больше чем 200 пикселов в высоту, то в конечном счете содержимое