- ベストアンサー
Operaでのスタイルシートの表示について
- Operaでのスタイルシートの表示について質問させて下さい。HTMLとCSSを設定した場合、border-leftが表示されない問題やborderのスタイルを変更すると他のborderが見えなくなる問題が発生します。IE6やFirefoxでは正しく表示されるため、Operaでも同様に正しい表示をするにはどうすればよいのかご教授ください。
- Opera（10.10）でのスタイルシートでborder-leftが表示されない問題やborderのスタイルを変更すると他のborderが見えなくなる問題が発生します。IE6やFirefox（3.5.7）では正しく表示されるため、Operaでも同様に正しい表示をするための方法を教えてください。
- Operaでのスタイルシートの表示に関する問題です。HTMLとCSSを設定した場合、border-leftが表示されない問題やborderのスタイルを変更すると他のborderが見えなくなる問題が発生します。IE6やFirefoxでは正しく表示されるため、Operaでも同様に正しい表示をするための方法を教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
＞なぜこのような違いが出てしまうのか不思議です……。 これは私も気がついてはいたのですが、それが問題とは気がつかず・・いつもの色指定をしてしまったので未確認でした。 私は、CSSでの色指定は、微妙な色加減が必要なときは、rgb(255,255,255);そうでないときは、aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purpl、red、silver、teal、white、yellowの16色のキーワードしか使いません。 HTMLは、rgb(255,255,255)の代わりに、#RRGGBBです。#RGBは、これの簡易表記とされているため、Safariでは対応していないと考えられます。
その他の回答 (2)
- Questa
- ベストアンサー率48% (13/27)
バグみたいです。 The Official Japanese Opera Forums 「Operaでborder-leftなどが消失する現象」 - パソコン向け Opera 関連 - 日本語 http://my.opera.com/japanese/forums/topic.dml?id=285550 早く直せと．．．
お礼
どうもありがとうございます。 Opera側の不具合だったんですね。 他のブラウザでは正しく表示されるので、 Operaも同じく表示されるように直してほしいです……。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
再現できませんでした。 CSS部分、ミスがあり読めてないとか W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )でチェック テストしたのは下記 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <link rev="MADE" href="mailto:hoge@hoge.com"> <style type="text/css"> <!-- *{ margin : 0px; padding : 0px; } div#bodyText{ width: 800px; height: 400px; padding: 10px; margin-left: auto; margin-right: auto; background-color: white; } div#bodyText div{ margin: auto; width: 700px; height: 300px; padding: 10px; background-color: white; border-width:1px; border-color: #D1D1D1; border-style: solid dashed dashed solid; background-color: white; } --> </style> <link rel="START" href="../index.html"> </head> <body> <div id="bodyText"> <h1>サンプル</h1> <div> <p>内容</p> </div> </div> </body> </html>
お礼
どうもありがとうございます。 テストして頂いたソースで私もテストしてみましたが、 確かに正しく表示されました。 私自身のソースにも特にミスは見当たりませんでした。 「div#bodyText」にも同様にボーダーの設定をした場合、 「div#bodyText」のボーダーもまた正しく表示されませんでした。 自分でも色々と試してみたところ、「div#bodyText」の背景色が 「background-color:white;」であれば正しく表示されて、 「background-color: #FFF;」であれば正しく表示されないようです。 私自身のソースであれば、「#box1」の背景色を 「background-color: #FFF;」ではなく 「background-color:white;」に変更したら正しく表示されました。 どちらも「背景色：白」の指定で同じ事だと思うのですが、 なぜこのような違いが出てしまうのか不思議です……。 質問の方はもうしばらく残させていただくことにします。 ----（HTMLを訂正させて頂きます）-------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="css/test.css" type="text/css" media="all" /> <title>Operaテスト</title> </head> <body> <div id="layout"> <div id="box1"> <p>ボーダーのテスト</p> </div> </div> </body> </html> ----------------------------------------------------------
お礼
どうもありがとうございます。 16進数で指定する事に慣れていたので、自力では気付けませんでした。 今後も色々勉強する必要がありそうです(;^_^A