Проблема с div

[emtecif]

  Quote

.containe {

width: 1024px;

background-color: #303030;

margin: 0 auto;

margin-top: -10px;

border-radius: 7px;

border-right: 1px double #774263;

border-left: 1px double #774263;

border-top: 2px double #774263;

border-bottom: 1px double #774263;

box-shadow: 0 0 10px rgba(0,0,0,0.5);

padding: 5px;

}

.d_menu {

float: left;

width: 200px;

}

.d_content {

float: right;

width: 800px;

}

Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?(

А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне.

В чем же дело? Спасите, срочно надо(

http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg

  Quote

<div class="containe">

<div class="for_menu">{include file="menu.tpl"}</div>

<div class="d_content">{content}</div>

</div>

[akutinrom]

  On 4/6/2012 at 3:50 PM, emtecif said:

  Quote

.containe {

width: 1024px;

background-color: #303030;

margin: 0 auto;

margin-top: -10px;

border-radius: 7px;

border-right: 1px double #774263;

border-left: 1px double #774263;

border-top: 2px double #774263;

border-bottom: 1px double #774263;

box-shadow: 0 0 10px rgba(0,0,0,0.5);

padding: 5px;

}

.d_menu {

float: left;

width: 200px;

}

.d_content {

float: right;

width: 800px;

}

Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?(

А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне.

В чем же дело? Спасите, срочно надо(

http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg

  Quote

<div class="containe">

<div class="for_menu">{include file="menu.tpl"}</div>

<div class="d_content">{content}</div>

</div>

У Вас блок сворачивается

Вот псевдо-селектор который Вам поможет

  Quote

.flw:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}

[Switch74]

не понял что именно у тебя, попробуй для .containe указать overflow:hidden;

[emtecif]

Помогло overflow:hidden; спасибо)