FirefoxのTABLE枠対策

Firefoxで、テーブルの枠が表示されないバグですが、ようやく解決の糸口が見えてきました。
発生原因ですが、CSSで、overflow:hidden;を指定した要素内で、border-collapse:collapse;をTABLEにかけると高確率で発生するみたいです。(参考ページ
このどちらかの使用を取りやめれば根本的解決ですが、overflowはページの段組、border-collapseはテーブルの枠そのものであるため、どちらも回避できません。結局、こちらを参考にしました。
自分なりに解釈すれば、TABLE要素にposition:relative;を指定すれば、バグが出る確率が大幅に下がる・・・って感じでしょうか。本日、この要素を0000_01.cssに入れてみました。Firefoxの方は、ぜひ見比べてみてください。

タイトルとURLをコピーしました