묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블 사이즈 설정에서요
2003.07.25 12:45
http://dalbit2u.com/html/test1.html세로로 줄을 긋기 위해 여기서 검색해보니 세로로 칸을 하나 만들어 배경그림을 집어 넣으라고 하더군요.
그래서 링크에서처럼 세로줄을 세군데 긋기 위해 width를 1이나 2로 해서 세로줄을 그을려고 하는데 사이즈가 설정한거와는 다르게 나오는것 같습니다.
맨 왼쪽 세로는 사이즈가 맞게 나오는데 가운데하고 오른쪽 줄은 설정한거 보다 크게 나옵니다.
도대체 뭐가 잘못되었는지 잘 모르겠습니다.
고수님들의 조언 부탁드립니다.
아래는 소스구요...
부탁드립니다.
<?
$_zb_url = "http://dalbit2u.com/board/";
$_zb_path = "/free/home/dalbit2u/html/board/";
include $_zb_path."outlogin.php";
?>
<? include "/free/home/dalbit2u/html/board/counter/dbconn.php3";
include "/free/home/dalbit2u/html/board/counter/zerocounter.php3"; ?>
<style>
body,td,select,input,div,form,textarea,center,option,pre,blockquote {font-size:9pt;font-family:굴림;color:#777777;line-height:150%;letter-spacing:-1}
A:link{font-size:9pt;font-family:굴림;color:#777777;text-decoration:none;}
A:visited{font-size:9pt;font-family:굴림;color:#777777;text-decoration:none;}
A:active{font-size:9pt;font-family:굴림;color:#777777;text-decoration:none;}
A:hover{font-size:9pt;font-family:굴림;color:777777;text-decoration:none;}
.title {background-image: background-repeat-x; height:27px;}
.small {font-family:Verdana;color:305678;font-size:6pt}
</style>
<html>
<head>
<title>DALBIT2U HOMEPAGE</title>
</head>
<body background="/image/">
<table width="800" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1" height="100" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="left"></div></td>
<td height="100" colspan="4" valign="top" cellpadding="0" cellspacing="0" width="800"><img src="http://dalbit2u.com/image/home_banner.gif"></td>
<td width="1" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr>
<td width="1" height="30" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="center"></div></td>
<td height="30" colspan="4" valign="top" cellpadding="0" cellspacing="0" width="800">menu</td>
<td width="1" height="30" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr>
<td width="1" height="300" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="center"> <br>
</div>
<br>
<div align="center"> </div></td>
<td width="169" height="300" valign="top" cellpadding="0" cellspacing="0">
<p><a href="http://dalbit2u.com/board/linuz_member.php?id=member" onFocus='this.blur()'><img src="http://dalbit2u.com/image/members.gif" border="0"></a></p>
<? print_outlogin("outlogin", 1, 10) ?> <hr width="80%" align="center" color="#777777">
<p><? print_survey("vote", "<img src=http://dalbit2u.com/image/poll.gif border=0 onfocus='this.blur()'>", "vote", dalbit2u, 50) ?></p></td>
<td width="1" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
<a href=# onclick="javascript:RWindow('http://dalbit2u.com/board/counter/status.php3',0,0)">
<font face="굴림" color="#776655">Visitors</font></a> : <font face="굴림" color="#777777">Total
<? echo $count[total_hit]; ?> , </font> <font face="굴림" color="#777777">Today
<? echo $count[today_hit]; ?></font>
<td width="455" cellpadding="0" cellspacing="0" valign="top">
<div align="center"><? print_bbs("latest/notice", "공지사항", "notice", 5, 200)?></div></td>
<td width="175" height="300" valign="top" cellpadding="1" cellspacing="1">
<div align="center"><? print_bbs("latest/bbs", "FUN FUN", "fun", 6, 200)?></div>
<br> <hr width="80%" align="center" color="#777777"> <br>
<div align="center"> </div></td>
<td width="1" height="300" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr>
<td width="1" height="150" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="center"></div></td>
<td height="150" colspan="4" valign="top" cellpadding="0" cellspacing="0" width="800"><? print_gal("latest/gallery", "CONTEST PHOTO", "gallary", 6, 10, 100, 100) ?></td>
<td width="1" height="150" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr bgcolor="#9999FF">
<td height="20" colspan="7" cellpadding="0" cellspacing="0" valign="top" width="800">
<div align="center"> <font face="굴림" size="2" color="#333333"> │Introduce│Privacy
policy│Helpdesk│<br>
Copyright ⓒ 2003 DALBIT2U.COM CO.,LTD. All right reserved. </font> </div></td>
</tr>
</table>
</body>
</html>
그래서 링크에서처럼 세로줄을 세군데 긋기 위해 width를 1이나 2로 해서 세로줄을 그을려고 하는데 사이즈가 설정한거와는 다르게 나오는것 같습니다.
맨 왼쪽 세로는 사이즈가 맞게 나오는데 가운데하고 오른쪽 줄은 설정한거 보다 크게 나옵니다.
도대체 뭐가 잘못되었는지 잘 모르겠습니다.
고수님들의 조언 부탁드립니다.
아래는 소스구요...
부탁드립니다.
<?
$_zb_url = "http://dalbit2u.com/board/";
$_zb_path = "/free/home/dalbit2u/html/board/";
include $_zb_path."outlogin.php";
?>
<? include "/free/home/dalbit2u/html/board/counter/dbconn.php3";
include "/free/home/dalbit2u/html/board/counter/zerocounter.php3"; ?>
<style>
body,td,select,input,div,form,textarea,center,option,pre,blockquote {font-size:9pt;font-family:굴림;color:#777777;line-height:150%;letter-spacing:-1}
A:link{font-size:9pt;font-family:굴림;color:#777777;text-decoration:none;}
A:visited{font-size:9pt;font-family:굴림;color:#777777;text-decoration:none;}
A:active{font-size:9pt;font-family:굴림;color:#777777;text-decoration:none;}
A:hover{font-size:9pt;font-family:굴림;color:777777;text-decoration:none;}
.title {background-image: background-repeat-x; height:27px;}
.small {font-family:Verdana;color:305678;font-size:6pt}
</style>
<html>
<head>
<title>DALBIT2U HOMEPAGE</title>
</head>
<body background="/image/">
<table width="800" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1" height="100" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="left"></div></td>
<td height="100" colspan="4" valign="top" cellpadding="0" cellspacing="0" width="800"><img src="http://dalbit2u.com/image/home_banner.gif"></td>
<td width="1" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr>
<td width="1" height="30" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="center"></div></td>
<td height="30" colspan="4" valign="top" cellpadding="0" cellspacing="0" width="800">menu</td>
<td width="1" height="30" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr>
<td width="1" height="300" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="center"> <br>
</div>
<br>
<div align="center"> </div></td>
<td width="169" height="300" valign="top" cellpadding="0" cellspacing="0">
<p><a href="http://dalbit2u.com/board/linuz_member.php?id=member" onFocus='this.blur()'><img src="http://dalbit2u.com/image/members.gif" border="0"></a></p>
<? print_outlogin("outlogin", 1, 10) ?> <hr width="80%" align="center" color="#777777">
<p><? print_survey("vote", "<img src=http://dalbit2u.com/image/poll.gif border=0 onfocus='this.blur()'>", "vote", dalbit2u, 50) ?></p></td>
<td width="1" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
<a href=# onclick="javascript:RWindow('http://dalbit2u.com/board/counter/status.php3',0,0)">
<font face="굴림" color="#776655">Visitors</font></a> : <font face="굴림" color="#777777">Total
<? echo $count[total_hit]; ?> , </font> <font face="굴림" color="#777777">Today
<? echo $count[today_hit]; ?></font>
<td width="455" cellpadding="0" cellspacing="0" valign="top">
<div align="center"><? print_bbs("latest/notice", "공지사항", "notice", 5, 200)?></div></td>
<td width="175" height="300" valign="top" cellpadding="1" cellspacing="1">
<div align="center"><? print_bbs("latest/bbs", "FUN FUN", "fun", 6, 200)?></div>
<br> <hr width="80%" align="center" color="#777777"> <br>
<div align="center"> </div></td>
<td width="1" height="300" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr>
<td width="1" height="150" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif">
<div align="center"></div></td>
<td height="150" colspan="4" valign="top" cellpadding="0" cellspacing="0" width="800"><? print_gal("latest/gallery", "CONTEST PHOTO", "gallary", 6, 10, 100, 100) ?></td>
<td width="1" height="150" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"> </td>
</tr>
<tr bgcolor="#9999FF">
<td height="20" colspan="7" cellpadding="0" cellspacing="0" valign="top" width="800">
<div align="center"> <font face="굴림" size="2" color="#333333"> │Introduce│Privacy
policy│Helpdesk│<br>
Copyright ⓒ 2003 DALBIT2U.COM CO.,LTD. All right reserved. </font> </div></td>
</tr>
</table>
</body>
</html>
테이블을 이용해서 만드시는 거라면
기본적으로 1px은 잘 안먹을수 있을것 같네요~~~
그럴땐 좀 편법 비슷하게 쓰는 아무것도 없는 gif이미지를 만들어서 넣어 보시면 되지 않을까 합니다.
가로 세로 1px 짜리 투명한 gif를 만들어서
한번 넣어 보세요 표자체가 차지하는 기본 공간 때문에 그럴수도 있겠다 싶은 -_-;
<td width="1" height="100" valign="top" cellpadding="0" cellspacing="0" background="http://dalbit2u.com/image/bg.gif"><img src="blank.gif(투명한 gif이미지)></td>
이런식으로 한번 시도해 보심이~~~