가로스크롤로 테이블 감쌌는데,,,td영역에 값을 줘도 안먹구 항목이 길어지니... 한줄이상으로 표현이 되요~
하늘이
안녕하세요 오늘도 질문하나 올립니다^^:
가로스크롤로 테이블 감쌌는데,,,td영역에 값을 줘도 안먹구 항목이 길어지니... 한줄이상으로 표현이 되요~
그 영역에 가로값을 주고 테이블은 100%로 줬는데... ---이 방법이 틀린건지...
td 가로값을 먹게 하려면 어케 해야하는건가요?
아래는 제가 작업한소스인데 ... 조언 부탁드릴께요.
div class=shipinfo_wrap mgT20
div class=shipinfo_sec01
table
colgroup
col style=width:*; /
/colgroup
tr
th좌석등급/th
/tr
tr
th등급별 정원/th
/tr
/table
/div
div class=shipinfo_sec02
table
tr
td style=width:100px3등객실/td
td2등의자B/td
td2등의자A-2/td
td2등의자A-1/td
td2등객실B-106/td
td2등객실B-105/td
td2등객실B-104/td
td2등객실B-103/td
td2등객실A-308/td
td2등객실A-307/td
td2등객실A-306/td
td2등객실A-305/td
td2등침대A/td
td class=none1등침대A/td
/tr
tr
td class=none845명/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
td111/td
/tr
/table
/div
/div----css----
.shipinfo_wrap{width:400px; height:68px; margin:0 auto; padding:0 auto;}
.shipinfo_sec01{float:left; }
.shipinfo_sec01 table{border:1px solid #fff; width:75px; }
.shipinfo_sec01 th{border-bottom:1px solid #fff; font-size:11px; color:#fff; padding:6px 5px 4px 5px; text-align:center; font-weight:normal; background:#666; letter-spacing:-1px}
.shipinfo_sec02{float:right; width:320px; height:100%; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; overflow-y: hidden; overflow-x:scroll;}
.shipinfo_sec02 table{width:100%; }
.shipinfo_sec02 td{font-size:11px; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; padding:6px 5px 4px 5px; text-align:center }
.shipinfo_sec02 td.none{border-right:none}
-
동생몬
저도 수다님과 똑같은생각이네요
100% 값대신 table에 width값을 지정하고 overflow는 테이블의 상위인 div에다가 넣어주시면
될거같기도 하네요~~ -
으뜸
그렇긴 한데요..이게 항목이 없는 다른 테이블에도 가져다 써서...전 공통으로 쓰고 싶어서 그랬거든요...
테이블에 px값을 주면 항목이 별루 없는 테이블은 스크롤이 엄청 길어져서요..
공통으로 쓸수 있는 방법은 없을까요? -
헛나발
현재 구조가 테이블의 부모의 넓이값이 320이고 테이블은 100%를 줫으니 테이블의
width 값이 320px이니 td에 아무리 사이즈를 줘도 320px 이상 안넓어지는겁니다.
고로 table 에 100% 대신에 px값으로 주세요 100% 이상의 값을 줘도 되긴 하지만 그러면
계산이 복잡해 지니