firefoxでフラットなボーダーを設定したい

質問

IEではなるのですが、
HTMLのボーダー設定で、
border="1",bordercolor="#000000"
と設定すると、ちょっと太目のフラットなボーダーができますよね。
それを設定すると、firefoxでは、なんだか立体的な、昔よく見たようなボーダーになってしまいます。
firefoxでも同じように、フラットなボーダーにしたいのですが、
どうしたらいいでしょうか？
どなたか教えてください。
ちなみに、HTMLでの方法がいいです。スタイルシートではなく・・・
もういっぱいその設定をしなくてはいけないので、簡単にできるもの、教えてください。

回答No.3

MAN_MA_RUI

[CSS]
.hoge1,.hoge1 tr,.hoge1 td {
border-collapse:collapse;
border:1px solid #000000;
}
.hoge2,.hoge2 tr,.hoge2 td {
border-collapse:collapse;
border:1px solid #FF0000;
}

[HTML]
<table border class="hoge1">
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>

<table border class="hoge2">
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>

あ。テーブルタグにこういうクラスを指定したほうが楽かも。このやり方でも個別設定できます。

お礼

なるほど、再度ありがとうございます！
やっぱりこのやり方がベストですよね。
そうすると
border="1",bordercolor="#000000"
という指定はもうしてあるのですが
とったほうがいいんですかね、おかしくなりそうだし。

どうもです！

回答No.2

MAN_MA_RUI

<table bgcolor="#000000" cellspacing="1">
<tr bgcolor="#FFFFFF"><td>test</td></tr>
<tr bgcolor="#FFFFFF"><td>test</td></tr>
</table>

HTMLだけだと上記のような形で出来ます…が、CSSにしたほうが一括で指定できて簡単だと思います。
下記の内容を設定しておけば全てのテーブルタグに同一のスタイルが適用されます。
たくさんテーブルにすべて同じ設定を適用するならばCSSのほうが楽ですよ？
ま、どうしてもCSSを使うわけには行かないと言う理由があれば仕方ないでしょうけど…。

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

お礼

ありがとうございます！
<table bgcolor="#000000" cellspacing="1">
<tr bgcolor="#FFFFFF"><td>test</td></tr>
<tr bgcolor="#FFFFFF"><td>test</td></tr>
</table>
ですが、これでIEのほうもフラットのままですか？
というか、自分でやれ、ですね。
確かめてみます。
IEとfirefox両方でフラットなボーダーを表示したいです。

テーブル全部ではないので、１つ１つcssを設定するのは
面倒だったので（もうhtmlはコーディングしてある）、
なにかいい方法はないかと探してみました。

回答No.1

mazimekko3

> firefoxでも同じように、フラットなボーダーにしたいのですが、
どうしたらいいでしょうか？

CSS使わないとできない気が。
Firefoxの設定でできるかもしれませんが、閲覧者は普通しないですよね。
（Firefoxユーザーじゃないので詳細不明）

お礼

ありがとうございます！がんばります！