테이블 높이(?)값이 적용되지않아요!
하늘이
이렇게 테이블형식이고요 각 해당 사항옆에 아이콘을 누르면 밑으로 내용이 펼쳐집니다.그리고 옆에 테이블이 해당영역보다 크면 저렇게 스크롤이 생기는데....테이블 내용을 펼치면 생기는 높이값이 옆에 스크롤에 먹히지않아요!
div class=recommendBox table class=recommend border=0 cellpadding=0 cellspacing=0 colgroup col width=35px/ col width=55px / col width=* / col width=48px / col width=80px / col width=95px / /colgroup thead tr th scope=colNO/th th scope=col분류/th th scope=col제목/th th scope=col파일/th th scope=col작성자/th th scope=col등록일/th /tr /thead tbodytr td/td td/td td/td td/td td/td td/td /tr tr style=display:none; id=contents_%=i% td colspan=6 class=detailspan class=type1%=Replace(rs_contents,vbcrlf,br /)%/span/td /trbr //tbody/div
이런마크업에.recommendBox { width:1080px; height:550px; overflow:auto; clear:both; overflow-x:hidden;}.recommend { width:1054px; clear:both; border:solid #666; border-width:0;}.recommend thead tr th { padding: 8px 0 7px 5px; font-weight: normal; text-align: left; border:solid #999; border-width:1px 0;}.recommend tbody tr th strong { font-weight:normal; }
.recommend tbody tr td { padding: 6px 0 4px 5px; border-bottom:1px solid #ccc; text-align: left;}
.recommend tbody .detail { padding:10px; line-height:1.5; background-color:#e6e6e6; }
한번 봐주세요~옆에 스크롤이 안에 내용을 봤을때 함께 높이값이 늘어나야될거같아요!css 로 안되는건가요?
-
해까닥
네 펼쳐지기전 테이블높이값에 대한 스크롤이 생기고 추후 펼쳤을때 높이값은 스크롤에 적용이 되지않아요!
-
동은
클릭해서 펼쳐지는 tr은 적용이 안되서 옆 div 스크롤이 생기지 않는다는 건가요 ~!!!?? ㅠㅠ
-
매디
네에 그렇게 잡아서 스크롤 생겼는데 테이블 접혔다하는 펼치는 tr의 높이는 그 div에 반영이 안되요!
-
두루
저런 경우에는 .. DIV 로 table을 한번 더 감싸신 다음에 .. 테이블에 보여지는 부분을
div .. overflow-y:scroll 와 height 값을 줘보세요. 그럼 테이블 속 내용이 .. 늘어 나면 ..
div 로 감싼 테이블이 늘어나는것이기 때문에 .. div 에 스크롤이 생기는거죠 .. 내리면 ..
테이블 내용 편처진게 보이지 않을까요 .. ??? -
틀큰
보이지는 면의 크기가 픽스되어있는거라 스크롤이 없으면 내용 확인할수 없어요~
스크롤은 무조건 필요하고 고정된높이도요~
방법을 생각해보야게어요~ ㅠㅠ -
대나무
스크롤 영역이 함께 늘어날 순 없습니다.
스크롤의 의미가 없어지는거구요.
고정된 높이와 스크롤을 빼는게 자연스럽습니다.