html - CSS 表格,Firefox 中的表格单元格高度问题

标签 html css firefox xhtml css-tables

首先,我有示例和代码 here (我一直玩东西的网站)。这是以防万一的实际链接:http://www.williamrosmus.com/examples/calendar1_wf.html

这是我在使用 Firefox(我使用的是 v3.6)时遇到的一个问题,我想知道发生了什么。 Requonc显示合理,IE8完美。

为了学习练习,我使用 CSS 表格而不是传统的 html 标签在 xhtml 中手动创建了一个日历。我将单元格的高度和宽度设置为 100px x 100px。然而,顶部和底部的行,其中一些单元格是空的,在 Firefox 中显示得太高了。

关于如何解决此问题以正确显示或 Firefox 发生了什么的任何建议或意见?

问候,

比尔

除此之外,根据 Robin 的建议,我将此记录为 mozilla.org 上的错误。那里刚刚有人确认了。如果有人感兴趣:

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

最佳答案

就坚持   在空单元格内?

我刚刚测试过,这在 Firefox 中修复了它。


I found a page其中更多地讨论了您遇到的问题。

它建议使用 CSS 替代方案; table { empty-cells: show } ,参见:

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

但是,这似乎对 Firefox 中的 <div> 没有帮助。带有 display: table-cell 的标签.

关于html - CSS 表格,Firefox 中的表格单元格高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5004941/

相关文章:

javascript - 对于在 Firefox 中具有状态代码 408 的 XHR,状态代码、文本和所有响应 header 均为空

jQuery "visible"不适用于所有浏览器,但在 Firefox 中

html - 在 Symfony 3 的电子邮件模板中包含 css

html - flex column boxes在Firefox和Safari中的渲染问题

html - <a> inside <li> 的 border-bottom 和 hover 的样式显示

html - 自定义 Angular Bootstrap 日期选择器弹出按钮

javascript - 使用 jquery 为 div 分配样式

jquery - 一个页面中的两个 Emojione 区域

javascript - AngularJS 和带有 ng-repeat 的 ng-style

selenium - 在 docker 中执行机器人测试时见 firefox