Блочная верстка: div в div'е и бэкграунд

[dron]

Добрый день! Прошу помощи!

 

Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него???

 

<div id="content_wrapper">

   <div id="sidebar"></div>

   <div id="main"></div>

</div>

 

Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается....

 

#content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;}

#sidebar {width: 20%; float: left;}

#main {width: 80%; float: right;}

 

Как это сделать? Заранее спасибо!

[Нарек]

Как это сделать?

1. http://htmlbook.ru/samcss

2. http://nicolasgallagher.com/micro-clearfix-hack/ 

[wwt]

#sidebar {width: 20%; float: left;} #main {width: 80%; float: right;}

 

у вас внутри плавающие блоки, загляните в отладчик и вы будете удивлены тем фактом что .content_wrapper имеет 0-вую высоту =)))

 

Задайте ему overflow: hidden  к примеру и он будет работать как вы хотите.

[dron]

 

#sidebar {width: 20%; float: left;} #main {width: 80%; float: right;}

 

у вас внутри плавающие блоки, загляните в отладчик и вы будете удивлены тем фактом что .content_wrapper имеет 0-вую высоту =)))

 

Задайте ему overflow: hidden  к примеру и он будет работать как вы хотите.

 

 

Благодарю Вас!

 

К сожалению, занялся не своим делом, от того и такие вопросы детские...