사이드뷰와 테이블스크롤바를 사용하는도중에 ... 자꾸만 건드리네요.. 정보
사이드뷰와 테이블스크롤바를 사용하는도중에 ... 자꾸만 건드리네요..
본문
<style>
#ScrollLy {
overflow: auto;
overflow-x: hidden;
width: 200px;
height: 360px;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #C9C9C9;
scrollbar-highlight-color: #C9C9C9;
scrollbar-dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666
}
</style>
<div id=ScrollLy>
<table border="0" cellspacing="0" cellpadding="0" align=center width=184>
<?=$photo_pt?>
</table>
</div>
이 소스를 사용하고 있는데요.. 사이드뷰와 같이 사용하고 있습니다.
이소스가 포함되었을때 사이드뷰를 클릭하면 테이블이 늘어나버리네요..
div가 영향을 받는듯 싶어요... 쉽게 설명하면 테이블세로높이가 200이면 사이드뷰를 클릭하게되면..
250정도로 늘어나서 위에 공백이 생겨버려요..ㅠㅠ
무엇때문에 그런걸까요?? div부분만 지우면 문제 없는데.. ㅠㅠ 사용해야 하는데..ㅠㅠ
테이블 스크롤바 다른방법이 없을까요??
#ScrollLy {
overflow: auto;
overflow-x: hidden;
width: 200px;
height: 360px;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #C9C9C9;
scrollbar-highlight-color: #C9C9C9;
scrollbar-dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666
}
</style>
<div id=ScrollLy>
<table border="0" cellspacing="0" cellpadding="0" align=center width=184>
<?=$photo_pt?>
</table>
</div>
이 소스를 사용하고 있는데요.. 사이드뷰와 같이 사용하고 있습니다.
이소스가 포함되었을때 사이드뷰를 클릭하면 테이블이 늘어나버리네요..
div가 영향을 받는듯 싶어요... 쉽게 설명하면 테이블세로높이가 200이면 사이드뷰를 클릭하게되면..
250정도로 늘어나서 위에 공백이 생겨버려요..ㅠㅠ
무엇때문에 그런걸까요?? div부분만 지우면 문제 없는데.. ㅠㅠ 사용해야 하는데..ㅠㅠ
테이블 스크롤바 다른방법이 없을까요??
댓글 전체
table-layout:fixed 를 이용해서 해결하였습니다. 익스플로러 창을 키워도 고정되네요..
