3

HTML： 

<td align="center" width="100%">
<a class="Forum_ib_moderate" href="Default.aspx" title="Moderate"></a>
<a class="Forum_ib_admin" href="Default.aspx" title="Admin"></a>
...

CSS： 

A.Forum_ib_moderate:link, A.Forum_ib_moderate:visited, A.Forum_ib_moderate:active, A.Forum_ib_moderate:hover
{
background-image: url(images/ib_moderate.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 2px;
padding-right: 2px;
padding-top: 8px;
padding-bottom: 0px;
height: 35px;
width: 35px;
display:table-cell;
}

A.Forum_ib_admin:hover
{
background-image: url(images/ib_admin_hover.png);

}

菜单在 IE 中看起来很好，在 Firefox 中显示为垂直。如果我关闭“显示：表格单元；” 在 Firebug 中设置样式，然后将其重新打开，它会修复该菜单节点。

替代文字

有任何想法吗？

ps：我不想弄乱菜单本身，因为它是 DNN 论坛 4.4.3 的一部分。我宁愿修复 CSS 以使其正确显示。

4

4 回答 4

6

实际上，我认为您会发现 IE 有效，因为它忽略了 display: table-cell. Display: table-cell其实是你的问题。

我猜正在发生的是 IE 正在将它们恢复为内联元素，因此是水平的。

将其更改为：

display: inline;

根据需要添加一些填充（左右），你会得到你想要的。

或者，您可以浮动它们（左和/或右）。

Besdies，他们已经在一个表格单元格中。里面的表格单元格显示有点不对。

于 2009-03-03T11:18:30.490 回答
0

我们也遇到过这个问题。仍在寻找解决方案。在我们的例子中，我们需要保持 display: table-cell 布局。

Firefox 有时似乎是随机的，它会导致表格单元对象包装而不是像一个实际的表格一样。一个 REFRESH 修复它，这只会使它更难以修复错误。

于 2010-04-22T17:05:50.543 回答
0

似乎是一个简单的 FireFox 错误。我遇到了相反的问题：在 Win XP 上的 FF 3.5.9 中刷新后，表格单元格排列在彼此下方的 DIV 。

我找不到任何解决方案（将单元格包装成一行，溢出隐藏等），但将 FireFox 更新到 3.6.3 并希望该版本的用户很少。

于 2010-05-08T18:04:46.840 回答
0

这听起来类似于我正在尝试修复的 Firefox 回流错误。显然表格对于渲染来说真的很糟糕，因为它们会导致回流，而且似乎 Firefox 有时会错过回流。

我发现以下页面很有帮助：

于 2010-06-24T14:26:46.863 回答