본문 대신 컨테이너 div의 jQuery UI 레이아웃

Question

jQuery UI 레이아웃을 사용하고 있습니다. 전체 바디가 아닌 컨테이너에 레이아웃을 적용하고 싶습니다.

내가 할 때 $('body').layout();. 내가 컨테이너 사업부를 추가하고 $('.myDiv').layout();을 수행 할 때

http://jsfiddle.net/JPEaa/216/

는 실패.

http://jsfiddle.net/JPEaa/217/

암의 I 선택 또는 잘못 내 용기를 적용?

Answer 1

컨테이너에는 명시적인 크기 세트가 있어야합니다. 당신은 .myDiv 작동 당신에 높이를 추가하는 경우 : 나는 그것을 더 이상 발견을 제외하고

<div class='wrapper'> 
    // layout divs go here 
</div> 

:

<div class="myDiv" style="height:400px"> 

http://jsfiddle.net/JPEaa/223/

Answer 2

나는 또한 같은 div 요소와 내 레이아웃을 포장 (Andy가 제안한대로) 고정 된 높이 대신 다음 CSS를 사용하는 것이 실용적인데, 이는 내 레이아웃이 전체 브라우저 창을 올바르게 사용할 수있게하고 또한 창 크기를 조정할 때 올바르게 자동 조정할 수있게하기 위해서입니다. position: absolute 때문에,이 모두 가능한하지 않을 수

.wrapper { 
    position : absolute; 
    width : 100%; 
    margin : 0 auto; 
    top  : 0px; 
    bottom : 0px; 
} 

참고.