основное содержимое. Предположим, что вы задаете этот тег-«упаковку• <di v>
таким образом:
<div id="wrapper">
<div id="sidebar">Sidebar content here</div>
<div id="main">Main content for page. this column has а lot of text and is
much taller than the sidebar.</div>
</div>
Внешний блок вырастет и станет таким же длинным, как самый высокий элемент
Внутри его, так что, даже если содержимое #main очень длинное, обертывающий
Блок di v будет такой же высоты. В этом все волшебство: создайте стиль для
обертывающего тега <di v> с фоновым изображением, ширина которого равна ширине
Бокового меню, подобрав нужный фоновый цвет. Таким образом, если фоновое
Изображение повторяется вертикально, оно формирует сплошную полосу высотой,
Равной высоте обертывающего блока di v (рис. 12.11, вверху).
#wrapper { background: url (images/col_bg.gif) repeat-y 1eft top: }
Браузеры показывают это фоновое изображение прямо под боковым меню, создавая
Иллюзию того, что у меню есть фоновый цвет. По существу, вы создаете
«ложный столбец• (это название впервые употребил Дэн Цедерхольм ( Dan Cederholm},
Разработавший данную методику).
ПРИМЕЧАНИЕ-----------------------------------------------Вы
Не ограничены чистыми цветами. Поскольку доnускается использовать изображения, можно
