Равные высоты divs внутри содержащего элемента?

Вот мой HTML (или просто посетить luxury-decor.co.uk)Равные высоты divs внутри содержащего элемента?

<div class="wrapper"> 
    <div class="box_left"> 
     <p>Providing only the highest quality service work, both internal and external, in Reading, London and surrounding areas. We provide a bespoke service for any areas such as boardrooms, offices, showrooms, hotel lobby's, reception areas, bathrooms, wet rooms, 
      kitchens and living areas. We specialise in Venetian Marble Plastering, Painting and Decorating, and both Wall & Floor Tiling. Our decorators are meticulous in what they do and we always strive to adhere to our customers needs. So whatever your project 
      is, get in touch with us via email or telephone to discuss your requirements. 
     </p> 
    </div> 
    <!--#box_left--> 
    <div id="gallery_container1"> 
     <script type="text/javascript"> 
      jQuery.flashgallery('color_chart/gallery.swf', 'color_chart/config.xml', { 
       width: '100%', 
       background: '#000000' 
      }); 
     </script> 
    </div> 
    <!--#gallery_container1--> 
</div> 
<!--#wrapper-->

Теперь, как вы можете увидеть галерею изображений вправо слишком велик, когда установлено, как это. Можно ли сделать это так, чтобы div внутри «обертки» имели равные высоты? Я столкнулся с этим http://www.cssnewbie.com/equalheights-jquery-plugin/#.UUBcyhw0xnM, но я не слишком хорош с jQuery и не мог заставить это работать. Есть идеи?

источник

2013-03-13 itzChris

Просто используйте CSS,

div#wrapper > div{height:200px} 'assuming you want 200px height for all div within wrapper

Я надеюсь, что это будет делать, если не ответить :)

источник

2013-03-13 11:29:27 MarmiK

Это будет работать, но я не хочу, чтобы установить значение высоты моих оберток. Я просто хочу, чтобы # gallery_container1 отображал высоту .box_left – itzChris

Тогда вы можете попробовать JavaScript или jQuery-- $ ("# gallery_container1"). Height() = $ (". Box_left"). Height(); – MarmiK

где бы я положил этот код? & вместо этого, не могу ли я помещать объект flash в jquery так, чтобы размер объекта изменялся, а не div? – itzChris

В CSS:

#wrapper { height: 400px; } //or whatever you like 

#wrapper.box_left, #gallery_container1 { height: 100% }

источник

2013-03-13 11:31:49

Не работает, может быть, потому, что обернутые div's плавают? – itzChris

Идентифицировать/имя класса обертках, я не знаю метод flashgalley, поэтому я не могу с этим поделать, просто найдите класс/имя divs, которые он использует в качестве оберток, загляните в html, затем найдите максимальную высоту и установите все для этого:

var wrappers = $('div.wrapper'); 
var maxHeight = 0; 
for(var i in wrappers){ 
    if (maxHeight < wrappers[i].height()){ 
     maxHeight = wrappers[i].height(); 
    } 
} 
$('div.wrapper').height(maxHeight);

Это будет реплицировать функциональность этого плагина вы связаны с

источник

2013-03-13 11:44:14

Как бы интегрировать это? Во внешнем .js? Я действительно не до скорости с помощью js – itzChris

вы можете использовать его внутри или в файле js, если все div имеют одно и то же имя, замените div.wrapper на div [name = thename], если все они имеют тот же класс заменит его на div.theclass –

Равные высоты divs внутри содержащего элемента?

ответ

Смежные вопросы