настройка высоты div в jquery ui layout

Question

Я экспериментировал с плагином с настраиваемыми сетками (jquery ui layout). Я смог установить ширину каждого div с помощью плагинов .. bt, когда дело доходит до высоты только было разрешено регулировать высоты внешнего div. Мне было интересно, можно ли отрегулировать высоту внутреннего северного divive, добавленного в jsfiddle link http://jsfiddle.net/J4bJ3/1/

ive попробовал $("#facetContainer").css({"height":"50%"}); во время загрузки. bt не будет wrk

Answer 1

У многих из этих элементов ui есть настройки, которые необходимо переопределить в css, используя! Важно, что вы пытались исключить css в качестве виновника уже?

редактировать

Если я изменю:

.ui-layout-pane-south {   
    border:   1px solid #BBB; 
    overflow:  hidden; 
} 

к:

.ui-layout-pane-south {   
    height:   230px !important; 
    border:   1px solid #BBB; 
    overflow:  hidden; 
} 

Результирующее в:

А при использовании идентификатор на элементе, применяют правило следующим образом: