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を持っています。私の知る限り、私はゾンメではありません。スクリーン解像度は1440x900です。 –

私はこの時点であなたはFirefoxでズームアウト、ほんの少しである必要があります確信しているように私は答えとしてこれを掲示しています。お試しくださいCtrl+0

あなたが提供した画像の2つのテーブルを比較すると、下のものが上のものよりわずかに大きいことがわかります。

出典

2011-09-17 03:17:51 attack

ええ - あなたは絶対に正しいです!!!!あるポイントでそれをするためにいくつかの無関係なキーを押さなければならない。あなたの執拗さに感謝します。 –

私は、境界線が表示されていないときに表示されていた問題がありました。私はこれでそれを解決：私はそれが直接の答えではないのですが、知っている検索はここで私をもたらした

border-collapse:separate;

。

出典

2012-10-31 20:12:31 nabeezy

FireFoxで一貫しないテーブル境界

答えて

関連する問題