ie8.0 테이블 선이 안보이는 현상.. 도와쥬세요ㅠ
벛꽃잎
/* css */
.text_i-1{height: 24px;font-size:12px;font-weight:normal;padding:2px 6px 1px 6px;color: #444444; background-color: #ffffff; border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;border-right: 1px dotted #d7d7d7;}
.text_i-2{height: 24px;font-size:12px;font-weight:normal;padding:2px 6px 1px 6px;color: #444444; background-color: #ffffff; border-bottom: 1px solid #d7d7d7;border-left: 1px dotted #d7d7d7;border-right: 1px solid #d7d7d7;}
.fix {background-color:#d7fb9e; color:#d7fb9e;}
.sandby_l {border-collapse:collapse; border:2px solid #dcab6a; border-right:none; position:relative; top:1px}
.sandby_c {border-collapse:collapse; border:2px solid #dcab6a; border-left:none; border-right:none; position:relative; top:1px}
.sandby_r {border-collapse:collapse; border:2px solid #dcab6a; border-left:none; position:relative ; top:1px}
.sandby_2bor {border-collapse:collapse; border:2px solid #dcab6a; position:relative; top:1px}
.sandby_2color {background-color:#ffc8b9;}
/* 본문 */
table
tr
td class=text_i-1 fix sandby_l #/td
td class=text_i-2 fix sandby_c#/td
td class=text_i-1 fix sandby_r /td
td class=text_i-1 fix sandby_2bor sandby_2color /td
td class=text_i-2 fix sandby_2bor /td
/tr
tr
td class=text_i-1 sandby_2bor /td
td class=text_i-1 sandby_2bor /td
td class=text_i-1 sandby_2bor /td
td class=text_i-1 sandby_2bor sandby_2color /td
td class=text_i-1 sandby_2bor /td
/tr
/table
이런 식으로..... 테이블 td에 보더값을 줬는데, 아래쪽과 위쪽의 겹쳐지는 보더는 아예 안보이네요..
ie7.0에서는 보인다는데, 8.0에서 문제입니다...
이거..어떤부분에서 잘못 된 것일까요..? ㅠ
도와주세요 하코수다님들.. ㅠ
-
싴흐한세여니
position:relative; top:1px ... 이 부분을 삭제하니 잘 나오네요.
JUL님 답변 너무 감사합니다. 덕분에 생각을 깊게 더 다시한번 해보게 됐습니다.~ -
다연
border-collapse는 table 요소에다만 주시면 됩니다.
보더 collapse땜시 겹치는 부분이 병합되면서 그런 현상이 생기곤 합니다.
그리고 각 셀의 보더는 레프트와 bottom에만 주시면 되요.. 겹치지 않게.
그리고 맨 윗줄은 보더 탑을 추가로 주시고.. 맨 뒷칸(td)에는 보더right를 추가로 주심 됩니다. -
소년틳터프
제 글에만 댓글이 안달리네요.. ㅠ 어려운 질문을 드린걸까요..?