IE10에서만 테이블이 깨지는데
꺆잉
아래 이미지를 자세히 보시면 1열 2행과 4열 2행 쪽의 좌우 선이 짤려있는게 보이는데요~
다른브라우저에서는 아무 이상이 없는데
IE10에서만 저렇게 보이네요ㅠㅠ
원인이 무엇인지 알고싶어요!!!사이트주소 : http://www.hyundai.com/kr/blu/guide05.do (접속해서 맨아래)
코딩 :
table class=non-bg-cell summary=차종, 서비스명, 서비스 세부내용, 서비스 기간에 관한 표
caption플러스 서비스/caption
colgroup
col width=20% /
col width=19% /
col width=* /
col width=15% /
/colgroup
thead
tr
th scope=col차종/th
th scope=col서비스명/th
th scope=col서비스 세부내용/th
th scope=col서비스 기간/th
/tr
/thead
tbody
tr
td class=bg01em class=point01에쿠스(VI)br /제네시스 프라다br /제네시스/em/td
td고객상담/긴급출동br /One stop 서비스/td
td콜센터 프리미어 라운지 전용선을 통한 고객상담업무와br /긴급출동 One stop 서비스 제공br /- 대표전화 : 080-707-8000/td
td class=last-/td
/tr
tr
td rowspan=2 class=bg01em class=point01에쿠스(LZ)/em/td
td차량 정밀성능검사br /서비스/td
td
기본성능검사 / 일반성능검사 / 정밀성능검사(45항목)
div class=data-desc-type subsection0
ul class=list-type02
li검사 결과 차량 이상 발견 시 희망고객에 한하여 유상으로 수리/li
/ul
/div
/td
td rowspan=2 class=last
출고 후 4년,5년br /경과 시점에서br /3개월 이내 각 1회
/td
/tr
tr
td엔진오일 무료교환br /서비스/td
td
엔진오일 교환(오일필터, 에어클리너 필터 포함) 2회
div class=data-desc-type subsection0
ul class=list-type02
li기존 플래티넘 엔진오일 무료교환 서비스와는 별도 운영/li
/ul
/div
/td
/tr
tr
td class=bg01em class=point01트라고br /(10EM 이후 출고차량)/em/td
td기본성능검사/td
td
안전하고 쾌적한 신차관리를 위하여 자동차 관련br /
기본성능검사 서비스 1회 제공
/td
td class=last2년/td
/tr
/tbody
/table
-
초롱꽃
해결되서 다행이네여~ㅎㅎ
-
슬현
네 그렇게 하니깐 되네요^^ ㅋㅋ 근데
.datatable-wrap td:first-child {border-left:1px solid #e4e4e4;}
이부분이 rowspan값으로 인해 맨앞으로 온 td까지 left 보더값을 주니까
right값과 서로 선이 겹쳐보이는게 생기네요
결국엔
collapse 값을 그대로 둔 상태에서
.datatable-wrap td {
padding:9px 20px 5px 20px;
border-top:1px solid -
권시크
collapse땜에 그런거같은뎅..
separate로 바꾸고 border-spacing:0주면 되지않을까여?