CSSで作ったテーブルのborderが消える。

質問

こんにちは。
テーブルに、CSSで背景色と、ボーダーをつけています。
セルの中にテーブルを入れ子し、中にテキストボックスやテキストエリアなどフォームを入れているかたちで作っています。
ところが、IEやFirefoxでみると、線が消えてしまう現象が起きるのです。
横の線があまり消えないのですが、とくに縦の線が…ひどいときには中途半端にしかでてこなかったり。
毎回でないわけではなく、でも頻繁にでてきません。
アクセス時に見えなくなり、リロードすると線はでてきます。
なにかこういう現象が置きやすい場合というのがあるのでしょうか？
あまりにも多いのでCSSで線をつけるのをやめようかと思いますが、
CSS以外ですとなかなか面倒で…
どなたかこういう場合は消えることがある！　などありましたらよろしくお願いします。

回答No.1

noname#39970 · ベストアンサー

各tableのborderに関する設定がぶつかる描画領域で起きやすい。
片方がsolid 1pxなのに片方がdotted 2pxだとか。
あとnoneの方が優先されて消えていたりとかいう事も。(それはnoneでなく0pxとしたら解消する例も)
狭すぎる領域でスクロールバーの表示非表示が関わるoverflowなんかでもそんな事が起きるというのを見た事がある。

最初は消えていてリロードすると出るというのは　画像系や埋め込み系で縦横幅の指定を省略していたりjavascriptで後から要素をねじ込んだり(が行儀良くない書き方で表示が荒れる)で消えたりというのが考えられる。

お礼

ありがとうございます、色々と検討してみます。
割と発生するのですが、CSSで線をつける方法にはやりなってしまうので、どうしようか困っていました。
ありがとうございました。
参考にいろいろ調べてみます。