FireFoxで崩れないtableでのboderのかけ方

通常tableを組んでborderをかける場合
下記のようなCSSの指定をする場合が多いと思いますが

table {border-collapse:collapse;}
td, th {border:1px solid #000000;}

FireFox等の一部のブラウザで表示すると
線が消えたりしてレイアウトが崩れてしまいます。

その場合、下記のような
borderのtableで上と左の線、th,tdで右と下の線を指定する書き方で解消することができます。

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;
}

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です