Как сделать нежелательное пустое пространство на веб-странице?

Question

У меня есть страница, содержащая два вертикальных div. Первый div содержит держатель iframe и второе случайное содержимое. Iframe может быть меньше или больше по высоте (имеет динамическую высоту).

Проблема, когда держатель iframe уменьшает высоту, что приводит к нежелательному пробелу между держателем iframe и вторым под ним. Эта проблема возникает в только хром, IE & FF работают нормально.

Как я могу сделать это пустое пространство сжимает, когда уменьшение размера iframe?

Here is my page

Держатель IFrame DIV содержит вкладки меню, второй ДИВ под ней содержит 3 колонки содержимого.

---

Update # 1:

Скриншот один:

Скриншот два:

Answer 1

Если добавить Jquery к dual_ core.html, то следующий скрипт должен помочь. Вы можете сделать эквивалент без jQuery, но у меня было что-то подобное, поэтому я просто заменил ваши идентификаторы селектора.

$('#dualcore_servers_menu_wrapper1 a').click(function(){ 
    menuHeight = $('#dualcore_servers_menu_wrapper1').height(); 
    contentHeight = $('#dualcore_servers_content_wrapper1').height(); 
    $('iframe[name="dservers"]').height((menuHeight + contentHeight) + 'px'); 
}); 

Его не точным, $ ('Iframe [имя = "dservers"]') селектор нужно будет изменить, но его общая идея. Надеюсь, это поможет!

Answer 2

Проблема заключается в вашей уделяется инлайн height из 311px;

Мое предположение было бы, что это получает высоту лепестка по величине и применяя его их все с этим Js:

function resizeIframe(obj) { 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; 
    } 

и/или

onload='javascript:resizeIframe(this);'