與FireFox的表格邊界不一致

我有一些表格在IE和Chrome中渲染得很好。但在Firefox中，某些邊框任意不顯示或具有不同的寬度。你可以看到一個例子Here。下面是相關的CSS：與FireFox的表格邊界不一致

table { 
      font-size: 1.0em; 
      border-collapse: collapse; 
      border: 3px solid #004C87; 
      margin: 5px 5px 5px 5px; 
    } 


    th, td { 
      padding-top: 7px; 
      padding-right: 5px; 
      padding-bottom: 5px; 
      padding-left: 5px; 
      border: 1px solid #004C87; 
      text-align: left; 
      vertical-align: top; 
      line-height: 1.3em; 
    }

在圖像下面我把屏幕截圖，因爲它呈現在不同的瀏覽器。黑色箭頭表示線條/邊框不顯示的情況。紅色箭頭表示寬度不同的情況。

如果我要重複這些表格，那麼出現次數是任意的。

enter image description here

來源

2011-09-17 M Schenkel

哪個版本的Firefox？它在FF 6.0.2中看起來很棒。你確定你沒有在FF中縮小一點嗎？ – attack

我也有6.0.2。據我所知我不是zommed。屏幕分辨率是1440x900。 –

因爲我相信在這一點上，你必須一點點縮小在Firefox我張貼這個作爲答案。嘗試按Ctrl+0

如果比較您提供的圖片中的兩個表格，可以看到底部的表格比頂部的表格稍大。

來源

2011-09-17 03:17:51 attack

是的 - 你絕對是對的！必須有一點按下一些無關鍵來做到這一點。非常感謝你的堅持。 –

我有一個問題，當他們本來不應該出現的邊界出現時。我這個解決它：

border-collapse:separate;

我知道這是不是直接回答，但搜索把我帶到這裏。

來源

2012-10-31 20:12:31 nabeezy

與FireFox的表格邊界不一致

回答

相關問題