5. Добавьте стиль для тега <body>. Поместите его во внутреннюю таблицу стилей
над другими двумя стилями, которые вы создали:
body {
margin: 20рх:
Благодаря этому полю видно все изображение (рис. 13.14). Однако теперь у вас
Есть другая проблема - логотип CosmoFarmer частично скрыт под значком.
Наложение элементов - одна из опасностей абсолютного позиционирования.
Вы можете устранить проблему, добавив небольшой отступ к логотипу.
Глава 13. Позиционирование элемекrов на веб-сrранице
Lpsum dolor slt amet, consectetuer adlplscing ellt, sed
nt>rшm,mv nlbh eulsmod tlncldunt ut laoreet dolore magna
Erat volutpat. Ut wlsl enlm ad mlnim veniam, quls
exercl tatlon uttamcorper susclplt lobonis nlsl ut allqulp =~~~-=~-
con~mt)do consequat. Duls autem vel eum lrlure dolor tn
Ntlr .. rlr ln vulputate vellt esse molestie consequat. vel lllum
Eu feuglat nulla factllsls at vero eros et accumsan et iusto
Lo dlgntsslm qul Ьlandlt praesent luptatum zzrrl delenlt augue
ls (!f)lf'tP t!' f~11 0<1i! n11ll ~ f;кili<i 1 nrPm ;..,SIIm dnlnr <i! .1mor
Рмс. 1 :J.14. Развертывание графики за пределы блока - верное дело при работе
С абсолютным nозиционированием. Пересекая границы баннера, графика смягчает
Квадратный вид остальной части баннера и придает динамичность диэайну
