묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블 %로 지정하기
2004.04.02 00:13
테이블의 가로, 세로의 크기를 %로 지정하려고 하거든요
그러니까 홈 전체를 테이블 하나로 구성하려고 하는데요
가로는 width=100%로 하니까 꽉 차서 다행인데 문제는 세로거든요
그냥 테이블만 만들 때는 height=100%로 하니까 꽉 차서 상관이 없었는데
중간에 이미지를 넣거나 그런 일이 있다보니 td값을 지정할 때 문제가 생기더라구요
궁금한 부분만 올릴께요
1) <td width=100% height=세로값 colspan=2 background=이미지></td>
가로는 100%로 알겠는데 세로값을 어떻게 줘야 할지 모르겠어요
이미지의 세로가 5px이거든요
2) <td width=100% height=세로값 colspan=2>메뉴명</td>
여기에 메뉴가 들어가는데요 메뉴는 이미지를 이용하는게 아니라 그냥 폰트로 쓰려고 하거든요
폰트는 굴림에 9pt로 할꺼구요
그래서 여기서 세로값을 어떻게 지정해야 할지 모르겠습니다
3) <td width=40% height=세로값 background=이미지>배경이미지</td>
<td width=60% height=세로값>제로보드들어갈자리</td>
한 줄에 칸이 두개가 있는 거거든요
이미지가 가로는 400px 세로는 600px로 만들었거든요
그래서 넓이는 이미지가 width=40%고 나머지라서 width=60%로 하는 건 알겠는데요
여기도 세로값을 어떻게 넣어야 할지 모르겠습니다
만약 높이가 너무 높아 스크롤바가 생긴다면 세로 높이를 더 줄일 수도 있구요 600px이 아닌
4) <td width=100% height=세로값 colspan=2 background=이미지></td>
첫번째와 마찬가지로 이미지의 세로는 5px입니다
일번과 동일하다고 생각하시면 되요
세로값을 지정하는 것도 문제이지만
첫 화면에서 스크롤바가 생기지 않고 꽉차게 하는 방법 좀 알려주세요
그러니까 홈 전체를 테이블 하나로 구성하려고 하는데요
가로는 width=100%로 하니까 꽉 차서 다행인데 문제는 세로거든요
그냥 테이블만 만들 때는 height=100%로 하니까 꽉 차서 상관이 없었는데
중간에 이미지를 넣거나 그런 일이 있다보니 td값을 지정할 때 문제가 생기더라구요
궁금한 부분만 올릴께요
1) <td width=100% height=세로값 colspan=2 background=이미지></td>
가로는 100%로 알겠는데 세로값을 어떻게 줘야 할지 모르겠어요
이미지의 세로가 5px이거든요
2) <td width=100% height=세로값 colspan=2>메뉴명</td>
여기에 메뉴가 들어가는데요 메뉴는 이미지를 이용하는게 아니라 그냥 폰트로 쓰려고 하거든요
폰트는 굴림에 9pt로 할꺼구요
그래서 여기서 세로값을 어떻게 지정해야 할지 모르겠습니다
3) <td width=40% height=세로값 background=이미지>배경이미지</td>
<td width=60% height=세로값>제로보드들어갈자리</td>
한 줄에 칸이 두개가 있는 거거든요
이미지가 가로는 400px 세로는 600px로 만들었거든요
그래서 넓이는 이미지가 width=40%고 나머지라서 width=60%로 하는 건 알겠는데요
여기도 세로값을 어떻게 넣어야 할지 모르겠습니다
만약 높이가 너무 높아 스크롤바가 생긴다면 세로 높이를 더 줄일 수도 있구요 600px이 아닌
4) <td width=100% height=세로값 colspan=2 background=이미지></td>
첫번째와 마찬가지로 이미지의 세로는 5px입니다
일번과 동일하다고 생각하시면 되요
세로값을 지정하는 것도 문제이지만
첫 화면에서 스크롤바가 생기지 않고 꽉차게 하는 방법 좀 알려주세요
댓글 2
-
siche
2004.04.02 11:58
-
최영곤
2004.04.02 12:55
테이블 사이즈를 100%로 주는 방법에 대해서 이해만 더 하시면 되겠네요.
기본적으로 표를 가로세로 100%로 꽉 채우실려면 table 태그에 지정하시는게 좋구요
width를 지정한 td는 그 크기 를 유지하고 나머지 td의 width는
"100% - 지정한 td크기" 가 되는겁니다.
이 소스가 도움이 되길 바랍니다. ^^
====================================================================================
<table border="1" width="100%" height="100%">
<tr height="50">
<td width="40%">여기는 width 40%에 height 50px</td>
<td>여기는 width 60%에 height 50px</td>
</tr>
<tr>
<td>여기는 width 40%에 height는 100% - 50px</td>
<td>여기는 width 60%에 height는 100% - 50px</td>
</tr>
</table>
<td width=100% height=100%>
<table>
<tr>
<td width=이미지가로크기 height=이미지세로크기 background=이미지><td>
</tr>
</table>
</td>
대체 적으로 무엇을 하고싶으신지 의도를 전혀 모르겠습니다..;; 예제 url을 적어 놓으시면 좋았을텐데..
위의 답변도 님께서 원하시는 답변인지 모르겠네요.
제가 말씀드리고 싶은건 하나의 테이블로 끝내려고 하시지 말고 td 안에 또다른 테이블을 넣어서 맞추시면서
작업을 하십시요.