테이블내의 스크롤 테두리문제~ 도와주세요ㅠ_ㅠ
BabySue
안녕하세요?
우울한 금요일이네요,, 내일 무려 주말인데.. t^t
작업하다가 안돼는게 있어서,, ㅠ_ㅠ 이렇게 질문 올립니다.
높이가 고정인 영역안에 테이블을 넣는 문제인데요,,, 그래서 세로로만 스크롤이 생겨야 합니다.
문제는 아래 이미지 처럼 외곽 테두리선과 테이블의 테두리선이 겹쳐서 위쪽과 하단이 2px로 잡히는게 문제입니다.
오른쪽 이미지 처럼 깔끔하게 처리하구 싶은데 쉽지가 않네요 ㅠㅠ
방법이 없을까요?
도와 주세요 ㅠ_ㅠ
--------------------------------------------------------------------
div id=table01 style=height:111px; overflow-y:scroll; overflow-x:no; border : 1px solid #d3d3d3; width:256px; margin-top:13px;
table width=236 height=100% cellspacing=1 bgcolor=#cccccc
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
tr
td height=21 bgcolor=#ffffff /td
td height=21 bgcolor=#ffffff /td
/tr
/table
/div
-----------------------------------------------------------------