2009-12-25 1 views
0

아래 프레임에서와 같이 divs의 크기를 연결할 수 있습니까? 나는 *에 대해 rows="*, 16"에 대해 이야기하고 있는데, 나머지 공간을 차지합니다.Divs는 전체 크기 (백분율 아님)를 공유합니다.

<frameset frameborder="0" rows="70, *, 30"> 
    <frame name="toolbar" src="toolbar.html" marginwidth="8px" marginheight="8px" /> 

    <frameset id="lineNumFrameset" frameborder="0" cols="50, *"> 
     <frameset rows="*, 16"> 
     <frame id="other_frame" name="lineNum" src="lineNum.html" marginwidth="8px" marginheight="8px" align="top" /> 
     </frameset> 

     <frame name="editor" src="editor.html" marginwidth="8px" marginheight="8px" /> 
    </frameset> 

    <frame name="statusbar" src="statusbar.html" marginwidth="8px" marginheight="8px" /> 
</frameset> 

감사합니다.

답변

2

유체 3 열 레이아웃을 원하는 것처럼 보입니다.

여백 및 부동 소수점을 사용하면 효과가 있습니다. 첫 번째 div를 왼쪽으로 떠서 가장 왼쪽의 열 너비를 원하는 너비로 설정합니다. 두 번째 div를 오른쪽에 놓고 너비를 설정하십시오. 그런 다음 세 번째 div는 부동되지 않지만 왼쪽 여백의 너비는 오른쪽 열 너비로 설정됩니다.

두 열 중 어느 것이 든 가운데 div보다 높지만 포함 된 float div를 작성하면 해결할 수있는 문제가 있습니다.

편집 : 추가 예 : 문제에 대한

http://css.maxdesign.com.au/selectutorial/steps/step22.htm

+0

예를 들어 주시겠습니까? 또한, 내 사업부는 다른 하나의 아래에 위치하고 있으며, 높이와 함께 작동합니까? 감사합니다. – thedp

+0

높이와 함께 작동하지 않습니다. –

+1

이것은 예입니다 : http://css.maxdesign.com.au/selectutorial/steps/step22.htm –

0

내 솔루션은 자바 스크립트와 관련 높이 CSS 속성에 설정된 뷰포트 (document.documentElement.clientHeight)로 onresize 이벤트를 사용하는 것입니다.

관련 문제