2013-06-26 2 views
0

ie10은 colspan보다 미세한 경계를 보이지 않습니다.
다른 브라우저에서는 제대로 표시되지만 IE 10에서는 표시되지 않습니다. 아래 코드를 게시합니다.ie10 버크 모드에서 colspan 경계가 깨졌습니다.

HTML 코드 :

<table> 
<thead> 
    <tr> 
     <td rowspan="2">1</td> 
     <td rowspan="2">2</td> 
     <td colspan="4">3</td> 
     <td rowspan="2">4</td> 
    </tr> 
    <tr> 
     <td>5</td> 
     <td>6</td> 
     <td colspan="2">7</td> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td colspan="3">4</td> 
     <td>5</td> 
    </tr> 
</tbody> 
</table> 

CSS 코드 :

table tr td { 
    border: 1px solid black; 
    width: 100px; 
} 
table { 
    border-collapse:collapse; 
} 

국경 7에서 사라 졌어요. 어떻게 보여줄 수 있습니까? 여기

는 jsfiddle에 예입니다 http://jsfiddle.net/H4z7Q/

ADD : 일부 이벤트가 IE10에서 발생하면 테두리가 정상으로 돌아왔다.

답변

0

테이블 인라인 스타일 통계를 사용할 수 있습니다. border-collapse:collapse;

<table cellpadding=0 cellspacing=0> 

대신에 동일한 효과가 포함됩니다. 하지만 반환하고 당신이 첫 번째 행을 참조 말한다 http://validator.w3.org로를 선택하여 볼 수있는 마크 업, HTML 테이블 모델을 위반

+0

'

'두 개의 셀로 인해 1px-> 2px가 테두리를 갖습니다. – tartokr

+0

프레임 = 상자를 테이블에서 인라인으로 사용하고 프레임 두께를 늘려 국경의 두께. 그러나 그것은 box-border 두께를 증가시킬 것입니다. 그건 당신이 2px의 모든 경계선을 가질 것이라는 것을 제외하고는 거의 당신의 문제를 죽일 것입니다. 그냥 당신이 "오래된 학교"방식으로 문제를 해결하기를 원한다는 것을 압니다. –

-1

통해 UR 문제 chrice 것입니다 : "표 열 여섯 요소 TD 의해 설립 아무런 세포가 없습니다 그것에서 시작 ".

그래서 모든 배팅이 꺼져 있습니다. 테이블 구조를 수정하여 레이아웃 테이블이 아닌 다른 도구를 사용하여 원하는 레이아웃을 얻으십시오.