1. 首页
  2. 问答
  3. CSS菜单在Firefox破碎（显示：表细胞;）

CSS菜单在Firefox破碎（显示：表细胞;）

2009-03-03 44 views
3

HTML：CSS菜单在Firefox破碎（显示：表细胞;）

<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。如果我关闭“display：table-cell;”样式在Firebug中，然后重新打开，它修复了该菜单节点。

alt text http://i39.tinypic.com/29as4k7.jpg

有什么想法？

p.s .:我不想混淆菜单本身，因为它是DNN论坛4.4.3的一部分。我宁愿修复CSS以使其正确显示。

来源

2009-03-03 roman m

回答

6

其实我认为你会发现IE的工作原理是因为它忽略了display: table-cell。 Display: table-cell实际上你是问题。

我在猜测发生的事情是，IE正在将这些内容恢复为内联元素，因此是水平的。

将其更改为：

display: inline;

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

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

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

来源

2009-03-03 11:18:30 cletus

+0

我知道这必须是容易:)感谢名单 – 2009-03-03 11:21:11

0

我们也遇到了这个问题。仍在寻找解决方案。在我们的例子中，我们需要保持显示：表格单元布局。

有时候Firefox看起来是随机出现的，会导致表格单元对象包装而不是像实际的表格那样操作。 REFRESH修复它，这使得修复bug更加困难。

来源

2010-04-22 17:05:50

0

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

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

来源

2010-05-08 18:04:46 BurninLeo

相关问题

 相关问题