착한 것들 > 착한 태그 > 일반

테이블 td에 스크롤바 달기

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;
div 태그와 스타일 속성을 이용하여 테이블에 스크롤바를 달아보는 예제입니다.
td 안에 div 태그를 삽입하여 스크롤바를 달아줍니다.
실제로는 div 태그에 스크롤바가 달리는 거죠 ^^

스크립트를 이용하여 div 태그에 달린 스크롤바를 움직일 수도 있습니다.
예제
내용
내용
내용
내용
내용
내용
내용내용
내용
내용
내용
내용내용
내용
내용내용
내용
내용내용
내용
내용
내용
내용
내용
내용
내용
내용
내용
내용
내용
내용
내용내용
내용
내용
내용
내용내용
내용
내용내용
내용
내용내용
내용
내용
내용
내용
내용
내용
소스
<table align="center" border="1" cellspacing="0" width="400">
	<tr>
	<td height="200" valign="top">
	<div style="overflow-y:scroll; height:100%; width:100%">내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용내용<br>내용<br>내용<br>내용<br>내용내용<br>내용<br>내용내용<br>내용<br>내용내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용</div>
	</td>
	</tr>

	<tr>
	<td height="100" valign="top">
	<div style="overflow-y:hidden; height:100%; width:100%">내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용내용<br>내용<br>내용<br>내용<br>내용내용<br>내용<br>내용내용<br>내용<br>내용내용<br>내용<br>내용<br>내용<br>내용<br>내용<br>내용</div>
	</td>
	</tr>
</table>
☞ 달팽이홈2 등록일 : 2008-07-11