2013-06-28 1 views
0

저는 화면의 공백을 완전히 채우는 jquery 컨트롤을 배치하는 데 어려움을 겪고 있습니다.jqueryui accordian 및 tab 컨트롤로 공간을 채울 수 없습니다.

헤더를 찾고 있는데, 그 아래에 왼쪽에 accrodian이 있고 오른쪽에 탭이있는 분할 화면이 있습니다.

위치를 지정할 수는 있지만 공간을 정확히 채울 수는 없으므로 절대 위치 지정으로 시도했지만 탭으로 내용을 스크롤 할 때 줄 바꿈이 잘되지 않습니다.

또한 내용은 탭 영역에서만 스크롤해야하며 전체 화면은 고정 된 상태로 유지되어야하며 기본 브라우저에서 해당 컨트롤의 크기를 조정해야합니다. DIG의이

+0

어떤 공백을 채우시겠습니까? 신장? 폭? – inser

+0

두 경우 모두 accordian이 바닥에 채워지지만 고정 된 너비를 유지해야하며 탭이 하단 및 우측 공간을 채 웁니다. 기본적으로 전체 화면을 사용합니다. – DIGGIDY

답변

1

당신은

position: absolute; 
을 사용할 수 있습니다 code http://jsfiddle.net/3WhdW/1/

당신이 큰 도움이 :)

건배 것 바이올린의 솔루션을 절약 할 수있는 경우 :

여기 내 기본 화면 레이아웃입니다

너비와 높이를 100 %로 만듭니다.

확인하십시오. http://jsfiddle.net/3WhdW/2/ 오른쪽에 스크롤러가 있습니다. 그러나 추가 CSS 스타일을 사용하여 피할 수 있습니다.

+0

그게 내가 가진 곳이야. 브라우저를 더 크게 만들 때까지 괜찮아 보입니다. 아코디언의 크기가 올바르게 조정되지 않고 탭 내용 스크롤 영역과 비슷한 크기 조정 문제가 많은 공백을 남깁니다. 바이올린 화면을 드래그하면 무슨 뜻인지 알 수 있습니다. – DIGGIDY

+0

그것을 해결 : http://jsfiddle.net/3WhdW/3/ 그냥 약간의 자바 스크립트 크기를 새로 고치려면 강제로 필요합니다. – DIGGIDY

관련 문제