Верстка DIVами

[Denisovvsh]

Доброго времени суток.
Помогите пожалуйста.
Возникла проблема с дивами :
когда я вставляю в<div id="all_b"> другие дивы и задаю им высоту 100%, то рамка дива с id="all_b" не обтекает по высоте дивы которые вложены в него??? Как будто они лежат не внутри .

<div id="all_b">
   <div id="head">
            <a class="a" href="index.php" title="Главная">главная</a>
   <a class="ap" href="o_sebe.php" title="О фонде">о&nbspфонде</a>
   <a class="a" href="proekt.php" title="Наши проекты">наши&nbspпроекты</a>
   <a class="a" href="help.php" title="Вам нужна помощь">нужна&nbspпомощь?</a>
   <a class="a" href="pomoch.php" title="Как помочь">как&nbspпомочь</a>
   </div>
   <div id="left">
   <h3>Новости:</h3>
            <p> текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст текст 
   </div>
   </div id="text">
  <p> текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст 
текст текст текст текст текст текст текст текст текст текст текст
   </div>
</div>

в файле CSS:

#all_b{
   width:1033px;
   height:100%;
   background:#ccc;
   background-image:url(lin.png);
   background-repeat:repeat-y;
   background-position:358px 0px;
   margin-top:30px;

}
#head{
      display:block;
      float:none;
   width:1014px;
   height:182px;
   background-image:url(r.png);
   background-repeat:no-repeat;
            background-position:347px 131px;

}
#left{
   color:#1d3d45;
   float:left;
   width:351px;
   height:100%;
   font-size:10pt;
   text-align:left;
   text-indent:30px;
   margin-left:7px;
            padding-bottom:30px;
            margin-bottom:30px;
}
#text{
   color:#1d3d45;
   float:left;
   width:665px;
            height:100%;
   font-size:10pt;
   text-align:left;
   text-indent:30px;
   border-left-style:solid;
            border-left-width:2px;
            border-left-color:#fad3bf;
            padding-bottom:30px;
            margin-bottom:30px;
}

[hoza_syl]

У меня очень похожая проблема - это все из за float: left - у дочерних - проверено, но как сделать, чтобы было нормально не знаю! Кто-нить знает в чем проблема??

[Gerb22]

Что-то не понял вопроса. Какая рамка, что не обтекает? Выложите картинку - набросок, как все должно быть.

ЗЫ: у вас там "</div id="text">" вместо "<div id="text">"

[cooperOk]

Есть 2 варианта, либо добавить в класс all_b стиль display: inline-block;, либо добавить стиль float: left/right;

[profet]

Попробуй так

#all_b{
width: 1033px;
height: 100%;
background: #ccc;
background-image: url(lin.png);
background-repeat: repeat-y;
background-position: 358px 0px;
margin-top: 30px;
overflow: auto;
}