Листинг 10.6

#cnavbar { width: 240px; height: 620px; float: left }

#cmain { width: 780px; height: 620px; float: left; overflow: auto }

 

Внесем эти исправления в таблицу стилей, сохраним ее и проверим, что получилось. А получилось у нас то, что показано на рис. 10.3.

Рис. 10.3. Web‑страница index.htm, содержащая контейнер с прокруткой, в Web‑обозревателе

У нас получилась на Web‑странице этакое "окошко", содержимое которого можно прокручивать независимо от всего остального. Многие ли Web‑сайты могут этим похвастаться?..

Теперь давайте изменим размеры окна Web‑обозревателя. И наш красивый и современный Web‑дизайн превратится невесть во что…

В части III мы узнаем, как менять размеры контейнеров в ответ на изменение размеров окна Web‑обозревателя с помощью специального поведения. А пока что вернем прежние размеры окна. И закончим с контейнерным Web‑дизайном.








Дата добавления: 2015-05-19; просмотров: 890;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.003 сек.