간단한 테이블 디자인 질문

간단한 테이블 디자인 질문 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

간단한 테이블 디자인 질문 정보

간단한 테이블 디자인 질문

본문

아래와 같이 테이블을 디자인했습니다.

<table height="100%" width="100%" cellpadding="0" cellspacing ="0">
<tr>
<td width="780" rowspan="5"> MAIN CONTENT </td>
<td height="60" width="100%">IMG BG1</td>
</tr>
<tr height="130" width="100%"><td>IMG BG2</td></tr>

<tr><td>BLANK</td></tr>

<tr height="150" width="100%"><td>IMG BG3</td>
</tr>
<tr height="70" width="100%"><td>IMG BG4</td>
</tr>
</table>

MAIN CONTENT가 왼쪽에 있고, 오른쪽에는 5개의 분할된 셀들이 5열 1행으로 MAIN CONTENT 오른쪽에 붙어있는 레이아웃인데요.

MAIN CONTENT 부분에 있는 내용물이 많아지면 오른쪽 모든 셀들의 height 이 같이 늘어나는데,

어떻게 하면 IMG BG1, 2, 3, 4 의 height 은 제가 정한대로 고정해놓고 BLANK 부분의 height 만 늘어나서 레이아웃이 깨지지않게 할수 있을까요?

복사
공유하기

댓글 전체

유아원 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

08.05.02 08:36:15

전 rowspan 을 가급적 사용하지 않고 테이블을 하나 더 넣습니다.

바니웹 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

08.05.02 15:15:29

이건 어떨까요?

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="780" rowspan="3">MAIN CONTENT </td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="60">MG BG1</td>
</tr>
<tr>
<td height="130">IMG BG2</td>
</tr>
</table></td>
</tr>
<tr>
<td>BLANK</td>
</tr>
<tr>
<td valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="150">IMG BG3</td>
</tr>
<tr>
<td height="70">IMG BG4</td>
</tr>
</table></td>
</tr>
</table>

그누4 질문답변

본문

공유하기

댓글 전체