이상한 HTML 콜 스팬 행 스파 행 동작

HTML 표를 작성 중이며 매우 이상한 동작이 나타납니다. 나는 모든 세포가 경계선을 보일 것으로 예상했지만 파이어 폭스에서는 그렇지 않다.

enter image description here

<style> 
.speciestable{ border:1px solid black;} 
.speciestable td{border:1px solid #555; vertical-align:top; text-align:center; } 
</style> 

<table class="speciestable"> 
<tr> 
    <td rowspan="3">LEFT</td> 
    <td>1</td> 
    <td>2</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
</tr> 
<tr> 
    <td colspan="2">Bottom</td> 
</tr> 
</table>

을 무슨 일이야 :

나는이 받고 있어요? 내가 뭔가 잘못하고 있는거야? 왜 모든 세포에 국경이없는 걸까요?

출처

2012-03-20 rlb.usa

External.css .tborder tr td:first-child{ border-width:0px; }

는 내가 HTML 실제로이 것을 깨달았다. 약 200 개의 데이터 항목이 있습니다. 나는 테이블이 필요하고, 나의 상황은 정확히 어떤 테이블을위한 것인가. –

Firefox 11.0에서 나에게 잘 어울립니다. 그것을 확인하십시오 : http://jsfiddle.net/speizerj/zPpuL/ –

결과를 재현 할 수 없습니다. 필자는 Firefox 11, Safari 5.1.4, Camino 2.1.2 및 Chrome 17.0에서이 코드를 정확하게 시도했으며 모든 브라우저에서 올바르게 작동했습니다. 테스트를 거친 브라우저에 대해 더 구체적으로 설명 할 수 있습니까? 브라우저 상태가 munged 인 경우를 대비하여 재시작 후 다시 테스트 할 수 있습니까? –

OOPS. 나는 바보. 내 외부 CSS에서 경계를 제거하는 충돌하는 일부 노래가있었습니다. 당신이 테이블 바보 방법에 대해 나에게 강의를 시작하고 내가 당신을 갈기 것, div의를 사용해야하는 경우

<table class="tborder> 
<tr><td> 
    ... 
    <table class="speciestable">

출처

2012-03-20 20:04:44

"바보 같은"또는 "바보 같은"단어를 사용하지 않고 힌트를 사용하면 지금가는 방법보다 더 나을 수 있습니다. –

이상한 HTML 콜 스팬 행 스파 행 동작

답변

관련 문제