테이블 사이즈 설정 문제... 정보
테이블 사이즈 설정 문제...본문
테이블 한줄에 두개의 칸이 있다고 할때...
오른쪽의 칸이 20px이 되게 하고 왼쪽의 칸은 100%-20px로 설정하고 싶은데요...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body topmargin=0 leftmargin=0>
<table width=100% height=100% border=1 cellspacing=0 cellpadding=0>
<tr>
<td height=30px>
</td>
<td width=20px height=30px>
</td>
</tr>
<tr>
<td align=center valign=middle>
<table width=800px height=400px border=1 cellspacing=0 cellpadding=0>
<tr><td width=800px height=400px>
</td></tr>
</table>
</td>
<td width=20px>
</td>
</tr>
<tr>
<td height=180px>
</td>
<td width=20px height=180px>
</td>
</tr>
</table>
</body>
</html>
위 소스대로 하면 웹브라우저의 가로해상도가 820이 넘을 경우에는 의도한대로 보입니다..
웹브라우저를 축소시켰을때 화면 구성이 틀어지지 않게 가로해상도 800 이하로는
축소가 되지 않고 스크롤이 되도록 가운데에 다른 테이블을 넣어뒀는데...
웹브라우저를 820 이하로 축소시키면 오른쪽에 20px로 설정한 부분이 줄어들어버리네요;;;
저 우측의 20px 부분을 축소 안되고 유지시키려면 어떻게 해야하나요??
그리고 전체 테이블의 가로 해상도를 100%로 잡는데 웹브라우저를 800px 이하로 축소시킬때는
축소가 되지 않고 스크롤이 되게 하는 다른 방법이 있을까요??
오른쪽의 칸이 20px이 되게 하고 왼쪽의 칸은 100%-20px로 설정하고 싶은데요...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body topmargin=0 leftmargin=0>
<table width=100% height=100% border=1 cellspacing=0 cellpadding=0>
<tr>
<td height=30px>
</td>
<td width=20px height=30px>
</td>
</tr>
<tr>
<td align=center valign=middle>
<table width=800px height=400px border=1 cellspacing=0 cellpadding=0>
<tr><td width=800px height=400px>
</td></tr>
</table>
</td>
<td width=20px>
</td>
</tr>
<tr>
<td height=180px>
</td>
<td width=20px height=180px>
</td>
</tr>
</table>
</body>
</html>
위 소스대로 하면 웹브라우저의 가로해상도가 820이 넘을 경우에는 의도한대로 보입니다..
웹브라우저를 축소시켰을때 화면 구성이 틀어지지 않게 가로해상도 800 이하로는
축소가 되지 않고 스크롤이 되도록 가운데에 다른 테이블을 넣어뒀는데...
웹브라우저를 820 이하로 축소시키면 오른쪽에 20px로 설정한 부분이 줄어들어버리네요;;;
저 우측의 20px 부분을 축소 안되고 유지시키려면 어떻게 해야하나요??
그리고 전체 테이블의 가로 해상도를 100%로 잡는데 웹브라우저를 800px 이하로 축소시킬때는
축소가 되지 않고 스크롤이 되게 하는 다른 방법이 있을까요??
댓글 전체
간단하게 를 한두개씩 더 넣어보세요~
현재 공백한칸만 들어가있어서 창을 줄일경우에 공백한칸밖에 보호받지 못하는거죠..
몇개 더 넣으시면 줄여도 20px는 유지 될거에요~
현재 공백한칸만 들어가있어서 창을 줄일경우에 공백한칸밖에 보호받지 못하는거죠..
몇개 더 넣으시면 줄여도 20px는 유지 될거에요~