2011-11-08 13 views
4

カレンダーのレンダリングにテーブルを使用しています。私はここで画面キャプチャだ7を介してFirefoxバージョン3.6でのレンダリング表のセルの枠線で奇数レンダリングバグに気づいた:Firefoxのテーブル境界レンダリングの回避策

table border rendering bug

あなたが見ることができるように、私はスクロールすると、境界が「曲がった」を取得します。また、「曲がっていない」水平と垂直の境界の間には隙間があります。実際の例はthis web siteに見ることができます。

Chrome、Safari、またはInternet Explorerではこの現象はありません。


UPDATE

私はまだ、私は2つだけ画素以上、1つの画素の境界線は、この動作を示さないことに気づいたのFirefox 20でこの問題を見ています。

+0

は唯一私がページを開いた初めて起こったリンクで説明したように、いくつかの条件付きコメントを与えます細胞はそれを再現します – max4ever

+0

@ max4ever - それは私にとって本当に "曲がった"問題ですが、1つのピクセルギャップの問題は残っています。 – Sonny

答えて

5

あなたは国境崩壊whith問題があります。

ここ

はあなたの問題の解決策です:http://www.charlesgarwood.com/blog/?p=13

行うにはどのような:

  • 変更border-collapse
  • separateから collapseからの変更 <td>および <th>border-widthは、 2pxから 1px
  • 与える<table>自体1pxborder

リフレッシュCTRL +テーブルをクリックして、バグが消えなり、

+2

ありがとう!これは症状が症状よりも醜い場合のようです。 – Sonny