通常tableを組んでborderをかける場合
下記のようなCSSの指定をする場合が多いと思いますが
|
1 2 |
table {border-collapse:collapse;} td, th {border:1px solid #000000;} |
FireFox等の一部のブラウザで表示すると
線が消えたりしてレイアウトが崩れてしまいます。
その場合、下記のような
borderのtableで上と左の線、th,tdで右と下の線を指定する書き方で解消することができます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
table { border-collapse: separate; border-spacing:0; empty-cells:show; border-top:1px solid #000000; border-right:none; border-bottom:none; border-left:1px solid #000000; } th, td { border-top:none; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:none; } |
この記事を見た人は次の記事も見ています。
ネットショップのお話②
デバイスチェックに便利なChromeプラグイン
Thunderbird アカウントを追加
WP:カスタムタクソノミーごとの投稿とタームの一覧表示
カスタムフィールドの画像の出力
@mixin
第五十一回「何回も調べてしまった覚えてしまいたいCSSまとめ～その二～」
$(function(){}) と $(window).on(‘load’,function(){})
CSS3の「box-shadow」
レスポンシブ
display: box
【Adobe Capture】で写真からカラー、パターンなど抽出する
MacとWindows間で文字化けしないためには。
マウスオーバーとかロールオーバーとか
レスポンシブサイトの印刷でスマホ用のレイアウトになるときの対処法
jQueryのfind()で子要素を取得する
第二回「ファイルトランスファープロトコル」
【イラストレーター】編集中のオブジェクトの選択解除
cssで円形マスク
widthでtableの幅がうまく指定できない時
コメント