묻고답하기
테이블을 div로 구성하고 싶습니다..
2013.04.16 16:52
1#
기존의 홈페이지를 div로 좀 더 다양하게 하려고 하는데
div개념이 대충(기존소스를 대충 수정하는 정돕니다.)인 상태서 며칠 간 만져보다 도저히 답 안나와 SOS날립니다. ㅠ
table은 이해가는데 처음부터 div잡으려니 그저 막막하네요.
소스는 아래와 같습니다.
-------------------------------------------------------------------------------------------------------------
<table cellspacing="0" width="100%" height="100%" bordercolorlight="black" border="1">
<tr>
<td width="200" height="100">200px*100px</td>
<td width="200" rowspan="3">200px*가변</td>
<td rowspan="3">가변(최소400px)*가변</td>
<td width="200" rowspan="3">200px*가변</td>
</tr>
<tr>
<td>200px*가변</td>
</tr>
<tr>
<td height="100">200px*100px</td>
</tr>
</table>
-------------------------------------------------------------------------------------------------------------
위 소스를 div와 css로 나눠 전환해주실 수 있을까요?
2#
xe 1.7.3에 깔린 테스트 레이아웃을 토대로 위 1# div 적용하려고 시도했는데
내용이 없으면 세로로 꽉차게 100% 안나오네요. (20px정도?)
내용없어도 100%이고 해상도 넘어가면 그때 스크롤 나오게 하고 싶습니다.
(컨덴츠가 들어갈 가변(최소400px)*가변 부분)
참고로 가변이라 적은 건 값없이 브라우저 크기에 따라 가변적으로 변함을 의미합니다.
염치없게 부탁드려 죄송합니다.
윗사람의 닥달이 무섭네요.. ㅠ
2번의 경우 {$content}를 감싸는 부분을 min-height:auto나, 100%값을 주시거나 하시고 height값을 매기지마시고 놔두세요. 컨텐츠의 길이에 따라 자동으로 늘어날껍니다. 옆으로 벗어나면 overflow:hidden속성 먹이시구요.