border-collapse:collapse;にするべきか separateにするべきか at softelメモ
HTMLにて、tableに下記のスタイルを指定すると、CSSの見た感じがわかりやすく簡単で、レンダリングもきれいにできているように見えます。 table {border-collapse:collapse;} td, th {border:1px solid #000000;} border-collapse:collapse; の指定は、境界線の共有。 1pxの境界線を共有するということは、計算上隣接するセル同士で0.5pxずつ受け持つことになります。 この指定によって、Firefoxで上の境界線、左の境界線が消える、期待する位置から1pxずれるといった問題が発生します。 ★ ★ ★ こちらをおすすめします。 ★ ★ ★（IE6非対応。CSSハック入りは下に追記。） table { border-collapse: separate; border-spacing:0; empty-ce
Firefox でテーブルの線（border）が表示されたりされなかったりする件の対策。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 珍しく Firefox のバグです（だと思います）。 あえて「解決法」ではなく「対策」としたのは、解決したかどうか定かではないからです。 つまり、「よく分からんけど、とりあえずうまくいってるっぽい」と。 発生した現象はタイトルの通りですが、テーブルに設定した線が、Firefox で見てみると表示されたりされなかったりするのです。 「されたりされなかったり」とは言っても、表示のたびに結果が変わるということではなく、再現性はあります。 ただ、文字サイズを変えたり行間を変えたりパディングを変えたりすると、表示される線と表示されない線が違ったりするということです。 色々な数値を微調整していけばすべての線がちゃんと表示されるポイントがあるかも知れませんが、環境が異なればまた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
