모바일 작업시 테이블에서 tbody에서 overflow-y:scoll관련 질문입니다.
남
아... 모바일 작업시 테이블에서 tbody에서 overflow-y:scoll관련 질문입니다...
http://whqkrtk84.godohosting.com/sector/sub06/sub06_02.html
이페이지인데..
아.. tbody안에 스크롤을 넣어달라네요,.,,
tbody안에 스크롤을 걸어야하는데..
웹상은 width값이 fix가 되니까 접근성 지켜서 thead부분을 absolute로 띄어서 하면
되잖아요..
모바일은 항상 width값이 유동적으로 바뀌어야하니까..
absolute로 띄우지는 못할거같고..
접근성 따지지를 않아서 thead와 tbody를 두부분으로 따로 나누었는데..
문제가 tbody쪽에 div를 감싸서 overflow-y를 주어서 스크롤이 생기면 스크롤 width값땜에
td가 다 위에 thead랑 맞지 않는 현상이 발생하는데..
흠... 맞추는 좋은 방법이 없을가요.. 답변좀 부탁드립니다..
-
제미니
결국 아이스크롤으로 처리했스빈다.ㅠ
-
맛깔손
오버플로우 스크롤 진저브레드에서 안 됐는데 다른 os 이제는 되나요
-
빛솔
table에 bg로 thead부분을 까시고 실제 html은 날려버리세요.
-
향율
아 웹상서처럼 fix로 된 상태서는 가능하겠는데.. 모바일처럼 유동적인 상태선.,, 어떻게해야할지.. 아 기획을 그냥 디자인 이쁘게나오면 된다고 그냥 생각없이 짜네요.ㅠ
-
초코맛사탕
tbody에 스크롤 거는거... 존웬 위치 못맞춤...;;;;;;;;; 웹에서도 라인 맞추기가 하늘의 별따기라는.....
전체 스크롤로 바꾸시는게 좋을거같은데.... -
늘다
모바일이라면 가능하지 않을까 싶긴한데...
위의 마크업 구조에 tbody 에 display:block; 주고 overflow-y:scroll 을 주면 될꺼 같긴하네요....
ie 하위 호환성은 없는데 모바일이라면 되지않을까요?ㅋ -
조히
모바일서 유동적으로빠져야합니다.ㅠ fix는 저도 하는방법을알고 있습니다.ㅠ
-
똘끼
위에 주소 보시면 테이블 thead부분이랑 tbody부분을 div로 각각나누어 놨습니다.
여서 tbody부분을 스크롤을 걸어야합니다.~ -
움찬
먼저 thead 를 absolute 로 처리한다는게 무슨 말인지 모르겠네요?
table
thead
tr
th타이틀 1/th
th타이틀 2/th
th타이틀 3/th
/tr
thead
tbody
tr
td내용1/td
td내용2/td
td내용3/td
/tr
/tbody
/table
이런 구조에서... td 안에 스크롤을 넣으시는건가요? 아니면 tbody 자체에 스크롤을 넣으시려는 건가요?