묻고답하기
★테이블 태그질문입니다[제3탄]★
2003.12.04 13:09
우선 태그연습장에서 아래의 소스를 보세요.
http://myhome.naver.com/ckddns3/tags.htm (태그연습장)
제가 td부분에 전부 숫자를 표시해 뒀습니다.
문제는...한쪽 td가로 길이를 늘리거나 세로길이를 늘리면 다른쪽 테이블도 똑같이 늘어나버립니다.
예를 들어,9번테이블에 bbbbbbbbbbbbbbbb............이런식으로 1줄넘게 쭉 적은후 보면..
2번테이블도 똑같이 늘어나버립니다...
그리고 1번테이블 역시 글을 쭈윽 늘어쓰면 5,8번 테이블이 늘어나고요..
이거 왜그런건가요? 어떻게 해야 고칠수 있나요?
<html>
<head>
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="stylesheet" type="text/css" href="http://tripping.ivyro.net/tripping.css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" colspan="2" valign="top" bgcolor="#FF6633">
<img src=1 width=150 height=50 border=0> </td>
<td width="290" height="50" valign="top" bgcolor="#FFFFFF" style="word-break:break-all">
<br>2<a href="./main.php"><font color="#295E93">메인페이지</font></a>
ㅣ<a href="./bbs/zboard.php?id=notice"><font color="#295E93"> 사이트맵</font></a><font color="#295E93"> </font>
ㅣ<a href="./sitemap.php"><font color="#295E93"> 공지사항</font></a>
ㅣ<a href="./help.php"><font color="#295E93"> 넷플하는법</font></a><font color="#295E93"> </font> </td>
<td width="1" bgcolor=#CCCCCC></td>
<td width="150" rowspan="7" valign="top" bgcolor="#FFFFFF">3 </td>
</tr>
<tr>
<tr>
<td height="25" valign="top" colspan="3" bgcolor="#FFFFFF" background="http://tripping.ivyro.net/image/10.jpg"> 4</td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td width="150" rowspan="2" valign="top" bgcolor="#FFFF00">5</td>
<td height="60" colspan="2" valign="top" bgcolor="#FFFFFF">6</td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td height="60" colspan="2" valign="top" bgcolor="#BBBBBB">7 </td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td rowspan="2" valign="top" bgcolor="#996699">8</td>
<td height="475" colspan="2" valign="top" bgcolor="#FFFFFF" style="word-break:break-all">9 </td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td height="23" colspan="2" valign="top" bgcolor="#FFFFFF">10 </td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td height="1" bgcolor=#CCCCCC></td>
<td height="1" colspan="2" bgcolor=#CCCCCC></td>
</tr>
</table>
<br>
</body>
</html>
http://myhome.naver.com/ckddns3/tags.htm (태그연습장)
제가 td부분에 전부 숫자를 표시해 뒀습니다.
문제는...한쪽 td가로 길이를 늘리거나 세로길이를 늘리면 다른쪽 테이블도 똑같이 늘어나버립니다.
예를 들어,9번테이블에 bbbbbbbbbbbbbbbb............이런식으로 1줄넘게 쭉 적은후 보면..
2번테이블도 똑같이 늘어나버립니다...
그리고 1번테이블 역시 글을 쭈윽 늘어쓰면 5,8번 테이블이 늘어나고요..
이거 왜그런건가요? 어떻게 해야 고칠수 있나요?
<html>
<head>
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="stylesheet" type="text/css" href="http://tripping.ivyro.net/tripping.css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" colspan="2" valign="top" bgcolor="#FF6633">
<img src=1 width=150 height=50 border=0> </td>
<td width="290" height="50" valign="top" bgcolor="#FFFFFF" style="word-break:break-all">
<br>2<a href="./main.php"><font color="#295E93">메인페이지</font></a>
ㅣ<a href="./bbs/zboard.php?id=notice"><font color="#295E93"> 사이트맵</font></a><font color="#295E93"> </font>
ㅣ<a href="./sitemap.php"><font color="#295E93"> 공지사항</font></a>
ㅣ<a href="./help.php"><font color="#295E93"> 넷플하는법</font></a><font color="#295E93"> </font> </td>
<td width="1" bgcolor=#CCCCCC></td>
<td width="150" rowspan="7" valign="top" bgcolor="#FFFFFF">3 </td>
</tr>
<tr>
<tr>
<td height="25" valign="top" colspan="3" bgcolor="#FFFFFF" background="http://tripping.ivyro.net/image/10.jpg"> 4</td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td width="150" rowspan="2" valign="top" bgcolor="#FFFF00">5</td>
<td height="60" colspan="2" valign="top" bgcolor="#FFFFFF">6</td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td height="60" colspan="2" valign="top" bgcolor="#BBBBBB">7 </td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td rowspan="2" valign="top" bgcolor="#996699">8</td>
<td height="475" colspan="2" valign="top" bgcolor="#FFFFFF" style="word-break:break-all">9 </td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td height="23" colspan="2" valign="top" bgcolor="#FFFFFF">10 </td>
<td width="1" bgcolor=#CCCCCC></td>
</tr>
<tr>
<td height="1" bgcolor=#CCCCCC></td>
<td height="1" colspan="2" bgcolor=#CCCCCC></td>
</tr>
</table>
<br>
</body>
</html>
100%는 화면에 꽉 채우기위한것입니다.
그렇기때문에 한쪽가로 길이를 바꾸시면
저절로 옆에 있떤td 가로사이즈가 늘어날 수밖에 없습니다.
그걸 원치 않으시면
1. 100 %을 님이 원하는 사이즈로 변환을 하세요▶(ex)800