Не меняя HTML-код (оперируя только CSS), создайте оформление, вид которого показан на рисунке в конце этой страницы. Видимая ширина блока с основным содержанием должна в точности быть равна ширине заголовка во всех браузерах (и в IE-5 в том числе).
Стилевые определения записывайте в отдельный файл с именем
task02.css, а HTML-код — в файл task02.htm.
Файлы сохраняйте в каталоге, который укажет учитель.
В этом каталоге есть подкаталог
pic, в котором содержатся картинки.
Файл task02.css
/* Стили BODY
----------
Цвет текста
Цвет фона и фоновая заливка
Нулевой внутренний отступ
Внешний отступ в 20 пикселов
Центрирование содержимого для IE-5 */
BODY
{
}
/* Стили заголовка
--------------
Высота блока -- на пару пикселов больше высоты
рисованного заголовка
Прозрачный фон и картинка-заголовок без повторений,
расположенная по центру блока */
H1
{
}
/* Стили содержимого
-----------------
Цвет фона (aqua)
Рамка в 1 пиксел
Центрирование блока по горизонтали
Внутренний отступ:
10 пикселов -- сверху и снизу
20 пикселов -- слева и справа
Выравнивание по ширине
Видимая ширина блока в точности по заголовку
во всех браузерах (и в IE-5 в том числе)
*/
#content
{
}
/* Стили подвала (внутри содержимого)
-------------
Цвет текста как на заголовке
Уменьшенный шрифт */
#content #footer
{
}
/* Стили блока с Незнайкой
-----------------------
Высота блока -- немного больше высоты картинки
Прозрачный фон и картинка без повторений,
расположенная по центру блока */
#nz
{
}
Файл task02.htm
