html 테이블 틀고정
작성일 12-08-07 09:51
페이지 정보
작성자서방님 조회 124회 댓글 0건본문
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<style type="text/css">
#tablefixed {table-layout:fixed;}
</style>
<table border="0" cellspacing="0" cellpadding="0" width="300" id="tablefixed">
<tr valign="top">
<td>
<table border="1" style="margin-right:-1;">
<tr>
<td>고정셀1</td>
<td>고정셀2</td>
<td>고정셀3</td>
<td>고정셀4</td>
</tr>
</table>
</td>
<td>
<div style="width:200; height:60px; overflow-x:auto;">
<table border="1">
<tr>
<td height="30">셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
<td>셀</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<table border="1" style="margin-right:-1;">
<tr>
<td>고정셀1</td>
</tr>
<tr>
<td>고정셀2</td>
</tr>
<tr>
<td>고정셀3</td>
</tr>
<tr>
<td>고정셀4</td>
</tr>
</table>
<div style="height:200px;overflow-y:auto;">
<table border="1">
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
<tr><td>셀</td></tr>
</table>
</div>
</tr>
</table>
</body>
</html>
==========================================================
<style type="text/css">
table {table-layout:fixed;}
</style>
<table border="0" cellspacing="0" cellpadding="0" width="600">
<tr valign="top">
<td align="right" width="300">
<table bgcolor="#000000" border="0" cellspacing="1" style="margin-right:-1;">
<tr bgcolor="#ffffff" align="center">
<td width="80">데이터1</td>
<td width="80">데이터2</td>
</tr>
<tr bgcolor="#ffffff" align="center">
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td align="left">
<div style="width:200;overflow-x:auto;">
<table bgcolor="#000000" border="0" cellspacing="1">
<tr bgcolor="#ffffff" align="center">
<td width="80">데이터3</td>
<td width="80">데이터4</td>
<td width="80">데이터5</td>
</tr>
<tr bgcolor="#ffffff" align="center">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br>
</div>
</td>
</tr>
</table>
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=52937
댓글목록
등록된 댓글이 없습니다.