CSS表格，Firefox中表格單元格高度問題

Question

首先，我有示例和代碼here（我一直在玩的東西）。這是實際的鏈接，以防萬一：http://www.williamrosmus.com/examples/calendar1_wf.html

這是我特意使用Firefox（我正在使用v3.6）的問題，並且想知道發生了什麼。 Requonc顯示合理，IE8完美。

對於學習練習，我手動在xhtml中使用CSS表格而不是傳統的html標籤創建日曆。我將單元格的高度和寬度設置爲100px×100px。然而，頂部和底部的行，其中一些單元格是空的，在Firefox中顯示的方式太高。

有關如何解決此問題以正確顯示或Firefox正在進行的操作的任何建議或意見？

問候，

BillR

此外於此，如每羅賓的建議，我記錄此作爲mozilla.org的錯誤。有人在那裏證實了它。如果有人有興趣：

https://bugzilla.mozilla.org/show_bug.cgi?id=634489

Answer 1

只要堅持 空細胞內？

我剛測試過，並且在Firefox中修復了這個問題。

---

I found a page其中談到一點更說明您所遇到的問題。

它提出了CSS替代方案; table { empty-cells: show }，請參閱：

https://developer.mozilla.org/en/CSS/empty-cells

然而，這似乎並沒有在Firefox中，以幫助您<div>標籤與display: table-cell。

Answer 2

我相信這是Gecko中的一個bug。我瀏覽了Bugzilla（https://bugzilla.mozilla.org/），但找不到任何其他人報告此事。可能值得用減少的測試用例來提交一個bug（或者只是鏈接當前的測試用例）來查看那裏的開發者所做的。

關於具體的解決方法，thirtydot對 的建議可能是您最好的選擇。

Answer 3

當我將div.calendar_day的顯示更改爲「內嵌塊」或「塊」而不是表格單元格並添加了浮動：左側高度已正確渲染。

Answer 4

有關詳細信息，請參見https://bugzilla.mozilla.org/show_bug.cgi?id=634489和https://bugzilla.mozilla.org/show_bug.cgi?id=569645中的討論。 （儘管如此，在所有表格單元格上使用'vertical-align：top'或'vertical-align：bottom'應該是一個合理的解決方法。）