奇怪的HTML colspan行距行爲

我正在寫一個HTML表格，並且我遇到了非常奇怪的行爲。我希望看到我的所有單元格都有邊框，但Firefox中並非如此。

我得到這個：

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

如果一開始就教訓我有關表如何愚蠢的，我應該使用div的，我就揍你。我有大約200個數據項。我需要一張桌子，而我的情況正是桌子上的時間。 – 2012-03-20 19:38:51

在Firefox 11.0上看起來很好。檢查出來：http://jsfiddle.net/speizerj/zPpuL/ – 2012-03-20 19:39:30

我無法重現您的結果。我在Firefox 11，Safari 5.1.4，Camino 2.1.2和Chrome 17.0中正確地使用了這些代碼，並且它在每個瀏覽器中都能正確運行。你可以更具體地說明你測試過哪些瀏覽器 - 並且可以在重新啓動後重新測試，以防萬一你的瀏覽器狀態消失了嗎？ – 2012-03-20 19:41:54

OOPS。我是個白癡。我的外部CSS中有一些衝突的syles正在刪除邊界。

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

我意識到，HTML實際上是這樣的：

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

來源

2012-03-20 20:04:44

只是一個提示，不使用像「愚蠢」或「白癡」這樣的詞會讓你比現在走得更遠。 – 2012-03-21 02:02:44

奇怪的HTML colspan行距行爲

回答

相關問題