Помогите по CSS

[ArkMan]

Мне нужно что бы 2 блока div были по разные стороны родительского блока. Я указываю 1-му float:left; , а 2-му float:right; , но тогда эти блоки выходят за границы родительского блока (т.е уходят ниже этого блока). Можно ли сделать это другим способом или как вообще нужно все это сделать. При необходимости могу скинуть скриншоты и часть когда.

 

[ALEXu]

Оно? 3 колонки

 

[ArkMan]

Ну если среднюю колонку разделить еще на 2 то будет оно.

Внутри средней колонки должно быть еще 2 блока 1 слева 2-ой справа.
Пример

 

[Maxchen]

Ну если среднюю колонку разделить еще на 2 то будет оно.

Внутри средней колонки должно быть еще 2 блока 1 слева 2-ой справа.
Пример

так сделайте в средней колонке два div'а типа этого:

<div>
<!-- средняя колонка -->
   <div id="midRt"></div>
   <div id="midLt"></div>
   <div class="c"></div>
<!-- //средняя колонка -->
</div>

div#midRt{
  float:right;
  width:200;
}
div#midLt{
  float:left;
  width:200;
}
div.c{
  clear:both;
}

 

[ArkMan]

Ну если среднюю колонку разделить еще на 2 то будет оно.

Внутри средней колонки должно быть еще 2 блока 1 слева 2-ой справа.
Пример

так сделайте в средней колонке два div'а типа этого:

<div>
<!-- средняя колонка -->
   <div id="midRt"></div>
   <div id="midLt"></div>
   <div class="c"></div>
<!-- //средняя колонка -->
</div>

div#midRt{
  float:right;
  width:200;
}
div#midLt{
  float:left;
  width:200;
}
div.c{
  clear:both;
}

Получилось, спасибо большое это то что нужно.
Тему можно закрывать.