Установка высоты div равна содержанию div

Question

у меня есть следующий простой скрипт

<div id="content">
   <div id="left">
    <div id="menu">
     <ul>
      <li>menu</li>
     </ul>
    </div>
    <div id="left_ad">
    </div>
   </div>
   <div id="middle">
    some text here...
   </div>
   <div id="right">
    <div id="right_ad">
     <div id="ad2">
     </div>
    </div>
   </div>
  </div>

CSS:

#content
{

 margin: 0;
 padding: 0;
 overflow: hidden;
 position: relative;

}
#left
{
 float: left;
 width:25%;
 margin-left:0;
 margin-right:0;
 margin-top:0;
 margin-bottom:-5000px;
 padding-left:0;
 padding-right:0;
 padding-top:0;
 padding-bottom:5000px;

}
#middle
{
 background-image:url("http://localhost/kino/img/theme.png");
 background-repeat:no-repeat;
 float: left;
 width:50%;
 margin-left:0;
 margin-right:0;
 margin-top:0;
 margin-bottom:-5000px;
 padding-left:0;
 padding-right:0;
 padding-top:0;
 padding-bottom:5000px;
}
#right
{
 float: left;
 width:25%;
 margin-left:0;
 margin-right:-1px;
 margin-top:0;
 margin-bottom:-5000px;
 padding-left:0;
 padding-right:0;
 padding-top:0;
 padding-bottom:5000px;
}
#left_ad
{
 background-image:url("http://localhost/kino/img/lens1.png");
 background-repeat:no-repeat;
 min-height:498px;
 margin-left: auto;
 margin-right: auto;
 margin-top:31px;
 padding:0;
 width: 188px;
 position: relative;
 height: 100%;
}

---

Как видите, слева , в середине и справа имеют одинаковый размер высоты, равный их максимуму. и теперь, в чем вопрос, я хочу, чтобы left_ad тоже имел такую ​​же высоту. как я могу установить высоту left_id равно left? спасибо

Answer 1

left_ad height установлен на 100%, что означает, что он наследует свою высоту от родительского div. Вам нужно установить высоту для левого div.

Answer 2

Используйте этот скрипт http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/

Answer 3

Добавить

height:600px; /*or whatever you want*/

на ваш left { div CSS.