• 締切済み

Tableの外枠カラーがブラウザによって異なる原因

はじめまして。 もしお分かりになる方がいらっしゃたら、ぜひ助けて下さい。 現在、あるホームサイトを作成しています。 使用しているのは、Macromedia Dreamweaver 2007です。 質問は、HTMLでテーブルを作成して、 テーブルの外枠カラー設定をピンクなど黒以外のカラーで選択をしたにも関わらず、 なぜかエクスプローラでは、すべてのテーブル外枠カラーが黒になって表示されてしまいます。 しかし、サファリで確認をすると設定したカラーの通りに表示されます。 CSSでファイルをコントロールしていますが、 テーブルに関する設定は、CSSでコントロールしていません。 色々と手を尽くしてみたのですが、 エクスプローラでは、やはりテーブルの外枠カラーが黒く表示されてしまいます。 テーブルの外枠の色が、設定した通りに表示される（エクスプローラ） にはどうしたらよろしいでしょうか？ ※ テーブルの外枠カラーは、ファイルによって色を変更したいので、 CSSでのコントロール以外で方法があれば、ぜひ教えて下さい。 もし、このような経験をされている方、もしくは原因が分かる方がいらっしゃれば、 ぜひ教えて頂けませんでしょうか？

  • CSS
  • 回答数1
  • ありがとう数0

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

※ テーブルの外枠カラーは、ファイルによって色を変更したいので、 CSSでのコントロール以外で方法があれば、ぜひ教えて下さい。 　意味が不明なのですが・・ファイルによって異なるCSSを適用させればよいはずです。 tableにはsummary属性が必須ですから <table summary="priceList" border="1">のようになっているはずですから スタイルシートで ※table[summary="priceList"]{boder:rgb(255,200,200) solid 1px;border-collapse:separate;} 　あるいはclassをつけてclassセレクタで指定する。 ※head内にスタイルシートを書けば良いです。 ※tableのスタイル属性に <table summary="priceList" border="1" style="boder:rgb(255,200,200) solid 1px;border-collapse:separate;"> 　この場合は詳細度1000になりますから、外部スタイルシートや<head></head>内のスタイルシートでは上書きできません。 　なお、tableは、「単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )」「ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )」と、レイアウトのためではありません。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • Excel 2002でページごとの外枠の色を変えたい

    Excel 2002 を使用しています。 「ファイル」 　↓ 「ページ設定」 〈ページ〉 で用紙サイズ等を設定をして 　↓ 「OK」 にすると、ページごとの外枠が黒い点線で囲まれます。 この線を『青』に変更することは可能ですか？ 表を作成してあるので、罫線の色は黒のままで変えたくありません。 よろしくお願いします。

  • table[summary="テーブル１"]th

    css　thの色がつかない htmlで、テーブル１というテーブルがあります。 スタイルシートで table[summary="テーブル１"]{ background-color: gray; } とすると、テーブル全部に色が付きますが、 table[summary="テーブル１"]th{ background-color: gray; } だと何も起こりません。 テーブル１には、thタグはあります。 なぜ反応しないのでしょうか？

    • ベストアンサー
    • CSS
  • スタイルシートの外枠について質問です。

    スタイルシートの外枠について質問です。 外部ファイルに .container{background-color:white; position: absolute; left: 50%; width: 900px; height:1500px; ;border:8px; border-style:ridge;margin:30px 0px 100px -450px ;border-color:#00ff66} と記入、htmlに <link rel="stylesheet" href="（スタイルシートのURL）" type="text/css"> </head> <body> <!-- --> <div class="container"><!--全体の横幅など指定 --> </div> </body> </html> と書きました。 margin:30px 0px 100px -450pxで指定したように、ブラウザ上から30pxあけて外枠が表示され始めますが、外枠の下がブラウザにぴったりくっついてしまいます。 場合によっては外枠の下が見えなくなるようで、100pxあけての表示が上手くできません。 どこが間違っているのか、教えていただけると大変助かります。

  • CSSでテーブルボーダーを一発指定出来ません！

    現在テーブルに対してのCSSを設定しているのですが、私の勘違いなのかうまく出来ません・・・。 例えば縦5×横5列の表が有ったとします。 そこにCSSで四方1pxのボーダーを指定します。 でも、これだけだと表の一番外枠部分にしかボーダーが表示されません・・・。（当然なのかもしれませんが） そこで、CSSを使い中のブロック？部分、<td>全てにボーダーを表示させたいのですが、そのようなことは可能なのでしょうか？ ようは、表の枠線全てをcssで表示させたいのですが、この様な事は可能でしょうか？？ ご存知の方がいましたら、アドバイスいただけますでしょうか？ 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルについて

    初心者でＨＴＭＬでＨＰを作成中です。 テーブルを上中下と作成し、上下に色をつけ、中に画像を入れました。 ところが画像の外枠に１mm程度の白いスペースができてしまいます。 隙間をなくす方法（ソース）を教えてください。

  • IE7以外のブラウザでCSSのフォントサイズが反映されません

    ホームページビルダーでCSSを使ってサイト作成しているのですが、 IE7では指定通り表示されますが、FirefoxやGoogle Chrome等では反映されずかなり大きな文字表示になってしまいます。 CSSには BODY{ font-size:80%; font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif; color:#333333; background-color:#FFFFFF; margin-left:auto; margin-right:auto; } と設定しています。 あとTD内にも反映させたい時は BODY,TD{ 設定内容; } にすればいいんですよね？ でもこういう風に設定すると若干テーブルデザインが崩れてしまいます。 最近CSSを勉強し始めたのでどうすればいいかわかりません(>_<)

  • CSSで２つのtableに異なる書式を設定したい

    タイトルどおりです。 今、授業でHTMLとCSSを勉強中です。 実習ということで自作HPを作成中です。 学習した内容で、という決まりがあるので、 クラス指定とかしたんですけど、いまいちうまくいきません。 CSSファイルで２つのtableに対して違う書式を設定する方法を ご教授ください。 いそぎです。

  • 外部CSSを使ったテーブルが作りたいのですが・・・。

    以前こちらで質問させて頂いて、「スタイル作りはＣＳＳで」、と教えて頂き、ＣＳＳの勉強を始めました。 早速壁に当たっていまして、お知恵を拝借したいです。 外部ＣＳＳファイルに、ul.gaibu{color:ff0000}と記すと、 ＨＴＭＬファイルに<ul class="gaibu">ここは赤で表示</ul> となる事は出来たのですが、 テーブルの場合、 外部ＣＳＳファイルにdiv#table{設定値}を記し、 HTMLに<div id=table>とすると、外部CSSの設定値が反映されましたが、 <tr>や<td>の内容をどう設定して、HTMLにどう記載すれば反映するかが分かりません。 因みに外部CSSに tr.table1 {border:1px #333333 solid; line-height:25px; padding-left:10px; paddting-right:10px; text-align:left; vertical-align:middle} と記載し、HTMLの方に <tr><td class="table1">表１</td><tr>としましたが、 CSSの内容は反映されていません。 宜しくお願い致します。

  • オリジナルの256色カラーテーブルの作成方法

    Photoshopなどで使う256色カラーテーブル（*.act）を、1からオリジナルで自作する方法がありましたら教えてください。 Photoshopで既存のインデックスカラー画像を開いて、カラーテーブルを書き出すことはもちろんできるのですが、テーブル内の色が意図した順番になりません。 「インデックスの0番がRGB値(r0,g0,b0)、1番が(r1,g1,b1)…」という具合に、自分の意図した順番のカラーテーブルが作りたいのです。 PhotoshopやFireworks（いずれもCS3）でいろいろ試しましたが、テーブル内のパレットの順番入れ替えや編集がうまくできなくて困っています。 作成方法をご存知の方、よろしく御指導下さい。

  • テーブル入れ子した時の、テーブル外枠罫線を非表示にしたい

    下記のように、入れ子にしたテーブルを作成しましたが、「AA, BB, 10, 20」のテーブル外枠線が太くなってしまいます。全て細い線で表示させるには、入れ子にしたテーブル外枠罫線を非表示にすれば良いのかなと思うのですが、どうすればよろしいでしょうか？ また他によい方法があればアドバイスお願いします。 条件として、 (1)入れ子でテーブルを作成 (2)教えて！gooのように細い線を使用 です。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <STYLE TYPE="text/css"> <!-- TABLE { margin: 0px; border: 1px solid #ff0000; border-collapse: collapse; } TD { padding: 0px; border-style: solid; } --> </STYLE> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD>みかん</TD> <TD>バナナ</TD> <TD>パイン</TD> </TR> <TR> <TD>やさい</TD> <TD> <TABLE width="100%" border="1"> <TBODY> <TR> <TD>AA</TD> <TD>BB</TD> </TR> <TR> <TD>10</TD> <TD>20</TD> </TR> </TBODY> </TABLE> </TD> <TD>りんご</TD> </TR> <TR> <TD>いちご</TD> <TD>すいか</TD> <TD>れもん</TD> </TR> </TBODY> </TABLE> </BODY> </HTML>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する