ボーダーカラーについて

ちゃぼ [E-Mail] 2000/05/14(日) 03:30:35
まずは新装開店おめでとうございます。ずっと待ち望んでいたので、本当に嬉しいです。
早速、謎に思っていたことを質問させてください。

今CSSを勉強中なのですが、border-colorで設定した色がIEとNNでは全く違う色で表示されてしまいます。
例えば
border-color:#ffcccc;
とすると、IEではちゃんと薄ピンクでボーダー色が表示されるのに、NNでは白になってしまいます。
border-color:#000000;
と指定するとNNではグレー表示されるため、設定色より異様に薄い色で表示されてしまうようです。
特にMacでこの傾向が強いようです。
こういうものだと諦めるものなでしょうか。他に回避法があればお教えください。よろしくお願いします。

ちなみに、
http://pagebank.sun-inet.or.jp/~st-place/test/style.css
をLINKして使っています。

カヅサツ [E-Mail] [HomePage] 2000/05/15(月) 11:16:38
ちゃぼ様

> 今CSSを勉強中なのですが、border-colorで設定した色が
> IEとNNでは全く違う色で表示されてしまいます。

NN 4 では、border-style が solid でも、
そういう場合が多々にしてありますが、
細かなバージョンの違いや、HTML CSS の記述によって
そうなったりならなかったりするみたいです。

> こういうものだと諦めるものなでしょうか。

残念ながら…

一応、Netscape6 PR1 では既に直っています。

ちゃぼ [E-Mail] 2000/05/15(月) 23:36:41
[[解決]]
カヅサツさん、お答えをありがとうございます。
そうですか、やはり諦めるものなのですね（^^;
では、ブラウザがきちんとCSSに対応されるのを、待つことにします。

>一応、Netscape6 PR1 では既に直っています。
ありがとうございます。近い（？）将来には解決されそうで嬉しいです（笑）

やなぎ 2000/05/18(木) 00:11:06
解決をつけておられるのに書き込んですみません。
ちょっと気づいたことがあったので…。

提示のあったスタイルシートを使って実験してみたのですが、
色はうすくなるというより、表示そのものがされていないようにも
見えました。
私がためしたのは.titleクラスを<DIV>で使用するというものでしたが、

>.title {
>border-style:solid none none solid;
>border-width:15px 0px 0px 50px;
>border-color:#ffcccc;
>padding:0px 0px 0px 0px;
>margin:0px 0px 0px 0px;
>width:100%;
>}
の中の border-styleを
border-style:solid;　としたところ
ピンクの罫線の表示が確認できました。
色の16進数の解釈が変わって色そのものが変更されるというより
線の表示そのものが生きているか否かといった印象を私的にはうけました。

ちゃぼさんのスタイルシートが間違っているわけではない思うので、
ブラウザの対応を待って今は、あきらめるというのも
１つだと思いますが、時間的余裕があれば、ちょっと違う
書き方をすることで表示が実現する場合もあるかもしれないかなと思います。

まあネスケを使いたい人間としても早くまともに対応して欲しいというのは
切なる願いなのですが…。

ちゃぼ [E-Mail] 2000/05/18(木) 02:15:08
やなぎさん、ご回答をありがとうございます!!!
やなぎさんのご指摘の通り、
border-style:solid;
としましたら、ネスケでも問題なく表示されました。
border-style:solid none none solid;
が対応されてなかったのですね・・・。そこには思い至りませんでした。どうもありがとうございます。勉強になりました（^^）

>ブラウザの対応を待って今は、あきらめるというのも
>１つだと思いますが、時間的余裕があれば、ちょっと違う
>書き方をすることで表示が実現する場合もあるかもしれないかなと思います。
本当ですね。これからは視点を変えて表示の実現を図ろうと思います。
その上で、ブラウザの対応を願うことにします（^^;

[上に] [前に] [次に]