テーブルのボーダー（枠）のデザインがダサくなるのはなぜ？（FireFoxやOperaで）

2023/10/14 15:18

このQ&Aのポイント

ＩＥ７基準でサイトデザインをしたのですが、FireFoxやOperaなどのブラウザでプレビューしたらテーブルの枠関係のデザインがIEとは違っており困っています。
table要素のbordercolor属性を使ってボーダーラインを見えなくするために、ページの背景と同じ色を指定しましたが、FireFoxやOperaでは枠の明暗のデザインが加わり、枠が目立ちます。
Dreamweaver8でWindows XPを使用しています。これを解決する方法はありますか？

ベストアンサー

テーブルのボーダー（枠）のデザインがダサくなるのはなぜ？（FireFoxやOperaで）

2007/05/01 23:08

ＩＥ７基準でサイトデザインをしたのですが、FireFoxやOperaなどのブラウザでプレビューしたらテーブルの枠関係のデザインがIEとは違っており困っています。 <table width="100%" border="6" cellpadding="1" cellspacing="1" bordercolor="#333333"> コードはこのようにしており、重要なのはbordercolor="#333333"の部分で、この色はページの背景と同じ色であり、枠の色を背景と同化させ、ボーダーラインを見えなくしたかったのです。しかしFireFoxやOperaではその枠に余計な明暗のデザインが加わってしまい、枠がもろに見えてしまいます。これをなんとかできないでしょうか？環境はDreamweaver8でwindowsXPです。

tenketu
お礼率71% (250/348)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

key-child
ベストアンサー率54% (25/46)

2007/05/02 01:23 回答No.1

> ページの背景と同じ色であり、枠の色を背景と同化させ、ボーダーラインを見えなくしたかったのです。わざわざ背景色と同じ色を指定し、見えないようにするのは不自然。 border属性を、見せないように変更する。

質問者

お礼 2007/05/02 01:27

border属性でいろいろ調べたら、border-styleから変更できることがわかりました。どうもありがとうございます。

関連するQ&A

ヤフオク商品出品で、DREAMWEAVERでテーブルを使ってHTML
ヤフオク商品出品で、DREAMWEAVERでテーブルを使ってHTMLを作成しています。DREAMWEAVER上やブラウザでプレビューでは、表の枠のカラーが出るのに、出品上では、カラーが出ずにグレーのテーブル枠になります。ソースは下記のようになります。どなたかご教示お願いします。 <table width="660" border="1"cellpadding=0　bordercolor="#FFCCCC" cellspacing=0 bordercolor="#0089DD">
- ベストアンサー
- HTML
テーブルの枠線に色が付かない
ファイアフォックスだと色が付くのに、IEだと黒になってしまいます。テーブルのタグは <table border=1 bordercolor="#ff0000" cellspacing=0> にしています。ＩＥでも色を付けたい場合はどう書けばいいでしょうか？
- ベストアンサー
- HTML
firefoxでブラウザ確認すると左に少しづれる
dreamweaverでサイトを作っている者です。firefoxでブラウザ確認するとページを切り替えたときに左に少しずれたりするんです。 bodyにいらないタグでもはいっているんでしょうか？IEでは全くずれません。以前にtableのcellpadding cellspacingの順序をかえたら直ったのに今回は直りませんでした。誰か教えてください。よろしくお願いします。
- ベストアンサー
- HTML
IE.Opera.firefoxなどの切り替え方
こんにちは。ネットで、いろんなサイトを見るときに、これまで、IEを通してみていましたが、昨秋、IE８をインストールしてから色の表示がおかしくなり、遠くに住む娘がOperaやfirefoxに変更してしまいました。しかし、Operaにもfirefoxの画面にも馴染めずにいて、IEに戻したいのですが、どうしたらいいでしょうか。時に、右クリックで、各プログラムから開くと言う項目が出る場合は、それを使いますが、そういう項目が出ないことが多く、困っています。
- ベストアンサー
- その他（インターネット接続・通信）
firefox：テーブルの背景色を半透明にすると文字も半透明になる
Web初心者です。 opacityを使用して、テープルの背景色を半透明にしようとしていますが、下記のコードでは文字も半透明になってしまいます。 <table border="0" cellspacing="1" cellpadding="3" style="-moz-opacity:0.2"> <tr bgcolor="#990000"> <td><font color="#FFFFFF">test</font></td> </tr> </table> いろいろと調べましたが、IEでの解決方法は見つかるのですが、firefoxでやってみてもどれもうまくいきません。市松模様の透過gif画像を作成する、という方法も知ってはいるのですが、色はユーザが指定できるようになっているので、全ての色の画像を用意するわけにも行かず、困っています。 firefoxでうまくやる方法はないでしょうか。
- ベストアンサー
- HTML
セルの枠が全て1pxのtableの書き方
セルの枠が全て1pxのtableってどうやって書くんでしょうか？普通にtableのプロパティをいじっていて、cellspacing = "0" にしてボーダーを表示させると2pxの枠ができてしまいます。そのため私はtableの背景に色を設定して、cellspacing = "1" にしてboroder="0"にします。これだとセルの枠の隙間がちょうど1pxになるので1pxの枠ができるtableになるのです。しかしこのやり方に疑問をもって質問しました。
- ベストアンサー
- HTML
PHPファイルの画像背景について
PHPファイルでお問い合わせフォームを作りました。画像背景を入れたいのですがなかなかうまくいきません。スタイルは共通で以下ファイルを作りました。 <?php //style2.phpで書換え可能とする //背景色 $bgcolor = "#FFFFFF"; //文字色 $textcolor = "#999999"; //リンク色 $linkcolor = "#BC8F8F"; //訪問済リンク色 $vlinkcolor = "#cccccc"; //選択時リンク色 $alinkcolor = "#a48b82"; //フッター文字 $footertext = "(C)○○○○"; //水平線の色 $hrcolor = "#cccccc"; //枠の色(主にPC向け) $bordercolor = "#cccccc"; $style = array( "BODY"=>"<BODY bgcolor=$bgcolor text=$textcolor link=$linkcolor vlink=$vlinkcolor alink=$alinkcolor>" ,"FOOT"=>"<center>$footertext</center>" ,"HR"=>"<HR size=1 color=$hrcolor>" ,"TABLE_S"=>"<table border=1 align=center cellpadding=4 bordercolor=$bordercolor width=240 cellspacing=0><tr><td>" ,"TABLE_E"=>"</TD></TR></TABLE>" ,"TABLE_S2"=>"<table border=1 align=center cellpadding=4 bordercolor=$bordercolor width=480 cellspacing=0><tr><td>" ,"TABLE_S3"=>"<table border=1 align=center cellpadding=4 bordercolor=$bordercolor width=750 cellspacing=0><tr><td>" ); ?> お気づきの点がありましたらよろしくお願いします。
- 締切済み
- PHP
CSSによるIEとFirefoxで表示されるデザインが異なる
CSSを使ってwebデザインしたときに、 IEとFirefoxで表示されるデザインが異なってきます。（Operaもしかり）一般的にこのような違いをなくすために、どのようにして工夫されているのでしょうか？ブラウザごとの違いは仕方ないのでしょうか？
- ベストアンサー
- HTML
特定のテーブルのみ枠線の色を消したい
スタイルシートで他のテーブルの為に色を設定しているけど特定のテーブルのみ、枠線の色をすべて消したい場合は、どうすればよろしいでしょうか？ <style type="text/css"> table {border:1px solid red;} table tr {border:1px solid red;} table th {border:1px solid red;} table td {border:1px solid red;} </style> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>a</td><td>b</td></tr> </table> <br> <table border=1 cellspacing=1 cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table border=0 cellspacing=0 cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> このソースだと、テーブルならすべて枠線が付いてしまいます。特定のテーブルのみ赤枠ではなく、白にして色を消したいのですがどうすればいいですか？
- ベストアンサー
- CSS
dreamweaverで、テーブルのボーダーカラーに入力しても、表示されません。
プロの方に作っていただいたHPを書き換えていて、テーブルのボーダーカラーを指定しようとしているのですが、コードから何回もボーダーカラーを指定しているのに、色がまったく表示されません。 </table> <table width="500" height="118" border="2" align="center" cellpadding="5" cellspacing="2" bordercolor="#000000"> <tr> <td width="131" bordercolor="#000000" bgcolor="#CCCCCC"><div align="center">●●●</div></td> <td width="205" bordercolor="#000000" bgcolor="#CCCCCC"><div align="center">●●●</div></td> <td width="114" bordercolor="#000000" bgcolor="#CCCCCC"><div align="center">●●●</div></td> </tr> <td bordercolor="#000000"><div align="center">●●●</div></td> <td bordercolor="#000000"><div align="center">●●●</div></td> <td bordercolor="#000000"><div align="center">●●●</div></td> <tr> <td bordercolor="#000000"><div align="center">●●●</div></td> <td bordercolor="#000000"><div align="center">●●●<br> ●●● </div></td> <td bordercolor="#000000"><div align="center">●●●</div></td> </tr> </table> 新しいページに、以上のコードをペーストすると、ちゃんと表示されます。スタイルシートやCSSで指定してあって、それが優先されているのでしょうか？スタイルシートやCSSは使ったことがないのですが、それを解除するには、どうすれば良いでしょうか？よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト