테이블 스크롤 만들때는 div 를 사용합니다.
<div style="width:100%;height:100px; overflow:auto;">
<table border="0" width="99%" cellspacing="1">
<tr>
<td> 스크롤 예제 </td>
</tr>
</table>
</div>
div에서 잡아논 크기만큼을 넘어갈 경우 스크롤바가 생성
- 스크롤을 표시하지 않을 경우 : overflow:hidden
- 항상 스크롤을 표시할 경우 : overflow:scroll
- 자동으로 스크롤이 보이거나 안보이게 할 경우 : overflow:auto
- 가로 스크롤 없애는 속성 : overflow-x:hidden
- 세로 스크롤 없애는 속성 : overflow-y:hidden
<div style="width:100%;height:100px; overflow:auto;">
<table border="0" width="99%" cellspacing="1">
<tr>
<td> 스크롤 예제 </td>
</tr>
</table>
</div>
div에서 잡아논 크기만큼을 넘어갈 경우 스크롤바가 생성
- 스크롤을 표시하지 않을 경우 : overflow:hidden
- 항상 스크롤을 표시할 경우 : overflow:scroll
- 자동으로 스크롤이 보이거나 안보이게 할 경우 : overflow:auto
- 가로 스크롤 없애는 속성 : overflow-x:hidden
- 세로 스크롤 없애는 속성 : overflow-y:hidden
'HTML' 카테고리의 다른 글
JSTL fn사용법 (0) | 2012.04.06 |
---|---|
테이블 크기 고정시키기 (0) | 2010.05.04 |
input 박스가 2개 이상일때 엔터키를 눌러 서브밋하게 하기 (0) | 2010.02.04 |