1. 首頁
  2. 問答
  3. CSS菜單在Firefox破碎（顯示：表細胞;）

CSS菜單在Firefox破碎（顯示：表細胞;）

2009-03-03 88 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

相關問題

 相關問題