2010-12-17 3 views
0

고정 너비의 사이드 메뉴가 있지만 메인 컨텐츠가 나머지 화면으로 확장되는 레이아웃은 어떻게 만듭니 까? 이게 가능기본 콘텐츠를 화면 가장자리까지 확대하여 고정 된 사이드 메뉴를 만드는 방법은 무엇입니까?

<ul id="sideMenu"> 
    <li>....</li> 
</ul> 
<div id="mainContent"> 
    ... everything else ... 
</div> 

: 여기

는 마크 업의 샘플입니다? cellspacing과의 cellpadding있는 테이블에 UR 컨텐츠를 배치하여

답변

2

sideMenu를 부순 다음 mainContent의 여백을 설정하여 일치시킵니다. 이렇게하면 mainContent가 sideMenu 주위를 둘러 쌀 수 없습니다.

#sideMenu{float:left;width:200px;} 
#mainContent{margin-left:200px;} 
+0

대단하군요. 매우 우아하고 우좌 부유 식 또는 왼쪽 부유 식 바처럼 쉽게 작동합니다. 이것이 명확하지 않기 때문에 css spec이 더 명확 해 졌으면 좋겠지 만 테이블을 사용하는 것보다 훨씬 좋기 때문에 기쁩니다. 고맙습니다! – egervari

0

그것이 가능할 수있다) 우리는 지속적으로이 작업을 모든 브라우저뿐만 아니라 mainContent에 최소 폭을 설정할 수 있습니다 경우에도

, 그것은 좋은 것입니다 td의 너비도 100 %로 설정하십시오. 보고 싶은 모든 시행 착오 방법이 있습니다.

+0

가능한 경우 div를 사용하고 싶습니다. 절대적으로해야한다면 테이블 만 사용하고 싶습니다. 나는 이미 테이블로 이것을하는 법을 알고있다. – egervari