프로그래밍/base
HTML Table Scroll
이데렐라
2010. 6. 3. 10:36
반응형
<div> 태그를 이용하여 HTML <table>에 스크롤을 삽입.
<table>의 너비가 길어질 경우 Explorer 창에 스크롤바가 추가 생성되는 경우가 생겼다.
<DIV style="width:100%; overflow:auto; overflow-y:hidden;">
<table border="1" cellspacing="0" cellpadding="0" class="menu" bordercolor='#BDBEBD' style='width:150%; margin-bottom:20px; white-space:nowrap; float:left; border-collapse: collapse'>
---------------->
Table Style에 div 너비보다 큰 너비값을 지정해 주고, white-space:nowrap; 속성을 사용하여 줄바꿈 금지를 해준다.
overflow:auto; 자동 스크롤 기능을 추가해준다.
반응형