- 締切済み
IE6/7でtable幅が効かない
こんにちわ。 クライアントのサイトを作成しており、 table部分のバグが発見されました。 画像の通りなのですが、それぞれの幅を同じにしたいのですが、 IE6/7だけ狭くなったり広くなったりしています。 IE6/7は無視してきたのですが、クライアントから指摘され困っています。 どなたかこの現象を修正する方法がありましたらご教示ください。 table { border-left:1px solid #C7C7C7; border-top:1px solid #C7C7C7; width:100%; } th { border-bottom:1px solid #C7C7C7; border-right:1px solid #C7C7C7; width:165px; table-layout:fixed; padding:8px 18px; background-color:#F2F2F2; font-weight:bold; } td { border-bottom:1px solid #C7C7C7; border-right:1px solid #C7C7C7; padding:8px 18px; } よろしくお願い致します。
- pikohitomi
- お礼率79% (79/99)
- CSS
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
DOCTYPE宣言で標準モードで動作してない。 ⇒DOCTYPE スイッチ - Google 検索( https://www.google.co.jp/search?q=DOCTYPE%20%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81 ) いまどき、さすがtransitinalはないでしょうから、strictで簡単なサンプル IE5以降は問題ないはずです。 ★タブは＿に置換してあるので戻す。 ★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# ) でチェック済みのHTML4.01strict+CSS2.1です。 <!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 name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- html,body{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{margin:0;line-height:1.6em;} p{text-indent:1em;} div.header,div.section,div.footer{width:90%;min-width:630px;max-width:900px;margin:0 auto;padding:5px;position:relative;} table{ border-collapse:collapse; border:solid 1px silver; width:100%; table-layout:fixed; } th{ border:1px solid silver; width:25%; padding:8px 18px; background-color:#F2F2F2; } td { border:1px solid #C7C7C7; padding:8px 18px; } --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p>本文はsection</p> ＿＿<table summary="価格表" border="1"> ＿＿＿<tbody> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="名称">Name</th> ＿＿＿＿＿<th abbr="要素">Related Elements</th> ＿＿＿＿＿<th abbr="タイプ">Type</th> ＿＿＿＿＿<th abbr="コメント">Comment</th> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<td>abbr</td> ＿＿＿＿＿<td>TD, TH</td> ＿＿＿＿＿<td>%Text;</td> ＿＿＿＿＿<td>abbreviation for header cell</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<td>accept-charset</td> ＿＿＿＿＿<td>FORM</td> ＿＿＿＿＿<td>%Charsets;</td> ＿＿＿＿＿<td>list of supported charsets</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<td>accept</td> ＿＿＿＿＿<td>FORM, INPUT</td> ＿＿＿＿＿<td>%ContentTypes;</td> ＿＿＿＿＿<td>list of MIME types for file upload</td> ＿＿＿＿</tr> ＿＿＿</tbody> ＿＿</table> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2013-03-03</dd> ＿＿</dl> ＿</div> </body> </html>
補足
お返事頂きありがとうございました。 早速ORUKA1951さんの書いて下さった通りに変更したのですが、 変わらずでした。 質問と違うのですが・・ > いまどき、さすがtransitinalはないでしょうから、strictで簡単なサンプル > IE5以降は問題ないはずです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 上記を宣言していたのですがtransitionalはもうないでしょうか。 お答えいただいてからドキッとし色々なWEBサイトを見たのですが transitinalが多かった気がするのですが・・。 勉強不足ですみません。
関連するQ&A
- 【急ぎます！】ページ幅を解除と、メニューの色を変更するには
http://flash.xtaro.com/sozai/tool/fcount/sample.htmここを参考にＨＰを作っています。 <!-- BODY { MARGIN-TOP: 3px; COLOR: #000000; BACKGROUND-COLOR: #e6eee6; TEXT-ALIGN: center ;} TABLE { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px ;} TD { FONT-SIZE: 11pt; MARGIN: 0px; WIDTH: 140px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #66cc99; TEXT-ALIGN: center ;} DIV { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 700px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff ;} .menu { BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none ;} .menu:hover { COLOR: #004411; BACKGROUND-COLOR: #bbffdd ;} .close { BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BORDER-LEFT: #ff0000 1px solid; COLOR: #dd0000; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none ;} .close:hover { COLOR: #ffffff; BACKGROUND-COLOR: #ff0000 ;} --> (1)メニュー１や２の色を変更するにはどうすればいい？ (2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい？ (3)ページ幅を変更するにはどうすれいい？
- ベストアンサー
- HTML
- ピクセル表示をパーセント表示にするには？
ピクセル表示をパーセント表示にするには？ style.cssで下のような記述をしています。 これをパーセント表示に切り替えたいのですが、 WIDTH: 640px;を WIDTH: "100%"に変更する他に、 どこを変更すればよいのでしょうか？ 上の変更だけでは、パーセント表示に切り替わりません。 よろしくおねがいします。 -----ここから BODY { BACKGROUND-COLOR: #000000 } TABLE { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 640px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px } DIV.veryimportant { FONT-SIZE: large; BACKGROUND: #7375ce; COLOR: #ffffff } A:hover { FONT-WEIGHT: bold; COLOR: #f00ca0 }
- ベストアンサー
- HTML
- ＣＳＳを消して表に色を付けたい！！！
参考サイトのソースをそのまま使って編集してたら、表を挿入して、色を付けようとしたら「ＣＳＳが設定されているため・・・」と出て表に色がつけられません。 <!-- BODY { MARGIN-TOP: 3px; COLOR: #000000; BACKGROUND-COLOR: #e6eee6; TEXT-ALIGN: center ;} TABLE { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 900px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px ;} TD { FONT-SIZE: 11pt; MARGIN: 0px; WIDTH: 140px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #48D1CC; TEXT-ALIGN: center ;} DIV { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 900px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff ;} .menu { BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #1E90FF; TEXT-DECORATION: none ;} .menu:hover { COLOR: #004411; BACKGROUND-COLOR: #FFF8DC ;} .close { BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BORDER-LEFT: #ff0000 1px solid; COLOR: #dd0000; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none ;} .close:hover { COLOR: #ffffff; BACKGROUND-COLOR: #ff0000 ;} --> １．ＣＳＳを全て解除しなければいけないのですか？ ２．メニューにカーソルをあてたら色が変わるようにしています。表に色をつけるようにするには、どこを削除すればいいのですか？
- 締切済み
- HTML
- display:table;を多段表示させたい
<style> .navi { display:table; } .navi li:nth-child(3n+1) { display:table-row; color:#F00; } .navi li { display:table-cell; width:50%; } /* 色づけ */ * {margin:0;padding:0;list-style:none;} .navi {width:600px;border-top:solid 1px #CCC;border-left:solid 1px #CCC;margin:0 auto;} .navi li {border-right:solid 1px #CCC;border-bottom:solid 1px #CCC;padding:5px;} </style> <ul class="navi"> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>ｆ</li> </ul> こうすると、1,4,7,10…番目の要素が改行されますが、 <li></li>に何も入れないようにしなければならず、 行き詰ってしまいました。 table要素で多段表示させることはできないのでしょうか？
- 締切済み
- CSS
- テーブル内widthでの改行処理がIEとFirefoxで異なる
テーブル内のtdに対してwidthを指定していますが、IEとFirefoxで表示が異なります。具体的には下記のコードにて、【文章１】が長い場合、IEではwidth:160pxで自動改行するのですが、Firefoxでは改行されず横に表示されてしまいます。 いちいち改行文字を入れるのはめんどうなのでFirefoxでも自動改行されるようにしたいのですが、何かうまい手をご存知の方、ご教示願います。 ＜スタイルシート＞ #contact_table table { width:600px; padding:auto; margin:auto; text-align:center; border-collapse:separate; } #contact_table tr { padding:auto; margin:auto; text-align:center; } #contact_table td { padding:5px; margin:5px; border-top:solid 2px #EEEEEE; border-left:solid 2px #EEEEEE; border-right:solid 2px #C0C0C0; border-bottom:solid 2px #C0C0C0; font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:1.5em; background:#DAEAF3; } #contact_table td.item { width:160px; white-space:nowrap; background: #000080; text-align:center; border-top:solid 2px #0000CC; border-left:solid 2px #0000CC; border-right:solid 2px #000033; border-bottom:solid 2px #000033; color:#FFFFFF; } ＜HTML＞ <div id="contact_table"> <table summary="お問い合わせ"> <tr> <td class="item">【文章１】</td> <td>【文章２】</td> </tr> <tr> <td class="item">【文章１】</td> <td>【文章２】</td> </tr> ・・・ </table> </div>
- ベストアンサー
- HTML
- IE6 と IE７ のmargin幅が違い、とても困っております。
お分かりになる方 どなたか助けてほしいです。 ２点ございます。 (1) こちらをご覧ください。 http://pandeiro.jp/suda/index.html 靴の画像が９つ並んでいるのですが、 IE７だと、靴の上のマージンは、2px なのですが、 IE６だとなぜか5pxくらい空いてしまいます。 (2) http://pandeiro.jp/suda/shoes/spring/index.html 右上の小さな４つのメニューですが、 <div id="menu2"></div>で４つを囲っておりまして、 border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #000000; で黒いボーダーを引いているのですが、 IE７だと上の４つの画像とくっついているのですが、 IE６だと相変わらず ３PXほどの空白が生じてます。 どうか、よろしくお願いいたします。
- 締切済み
- HTML
- IE6 IE7で文字が潰れる 高さがでない・・・
お世話になります。 各ブラウザで表示確認をしていたら問題がみつかりましたので、 質問させていただきます。 IE6,IE7において、文字の高さがつぶれてしまって表示できていないようです・・・。 なにかcssでの指定が足りないのでしょうか？ 原因と解決策ございましたら、よろしくお願いします。 h2{ color:#222222; text-align:center; font-size:154%; font-weight:bold; border-bottom:2px solid #222222; padding-bottom:5px; margin-bottom:10px; } デフォルトcssはyuiのリセットcssでリセットしております。 cssとスクリーンショットを載せておきます。 画像は上がIE8などでちゃんと表示されているもので、 下がIE6とIE7での表示です。
- ベストアンサー
- CSS
- ホームページビルダーでスタイルシートを使ったのですが？
今、ホームページビルダーで簡単な2カラム（右メニュー）のテンプレートを作っています。 質問ですが、メニューバー（サイドバー）に色を付けたくて、画像を使う事にしました。 <div class="main">に画像（background.gif）を入れ属性で繰り返す（垂直方向）にチェックをいれたのですが、ＩＥやfirefoxでプレビューでは反映されていないです。 色々いじってみたのですがどうしても解りません。どこが間違っているのか教えていただけないでしょうか？ よろしくお願いします。 HTML <body> <div class="box"> <div class="header"> <span class="site_name">ここにサイト名を入れる</span> <h1>ここにｈ１</h1> <div class="description_1">ここに簡単な説明文</div> </div> <div class="main"> <div class="contents">コンテンツ部分<br /> </div> <div class="menu"> メニュー部分 </div> </div> <div class="footer"> フッター部分 </div> </div> </body> スタイルシート * { margin:0; padding:0; } .box{ width : 750px; margin: 0 auto; border-left-width : 1px; border-left-style : solid; border-left-color : black; border-right-width : 1px; border-right-style : solid; border-right-color : black; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : black; } .header { width : 726px; height : 96px; background-color : #b9b9ff; padding-top : 12px; padding-left : 12px; padding-right : 12px; padding-bottom : 12px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : black; } .main { width : 750px; background-image : url(file:///C:/Documents and Settings/※※※/img/background.gif); background-repeat : repeat-y; background-position : 0px 0px; margin-top : 0px; margin-bottom : 0px; margin-left : auto; margin-right : auto; background-color : #ffffff; } .menu { float: left; width : 180px; padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-left : auto; margin-right : auto; } .contents { float: left; width : 526px; padding-top : 12px; padding-left : 12px; padding-right : 12px; padding-bottom : 12px; } .footer { clear: both; width : 726px; height : 26px; background-color : #b9b9ff; padding-top : 12px; padding-left : 12px; padding-right : 12px; padding-bottom : 12px; text-align : center; } .menu ul { list-style: none; } .site_name{ font-size : 21px; font-weight : bold; margin-left : 12px; } h1{ font-size : 15px; margin-top : 12px; margin-left : 24px; } .description_1{ font-size : 12px; font-weight : normal; margin-left : 24px; }
- ベストアンサー
- ホームページ作成ソフト
- 幅を広げたいのに文字が隠れ（？）る
下記のように分かれているページがあります。 ┌───────┐ │へっだ │ ├─┬───┬─┤ │め│めいん│※│ │に│ │ │ │ゅ│ │ │ ├─┴───┴─┤ │ふった │ └───────┘ 『※』の部分に文字などもなく不自然にスペースができています。 『めいん』の幅以上の文字を入れると、文字が隠れてしまいます。 『※』の部分まで『めいん』を伸ばし、2カラムにしたいのですが、 他所の幅を変更するだけでは解決できず、質問をさせていただきました。 質問部分のコードは下記の通りです。 （ヘッダ・フッタ省略） 【HTML部分】 <!-- メインコンテンツ --> <div id="container"> <div id="contents"> ～省略～ </div> <!-- メインコンテンツ終わり --> <!-- メニュー --> <div id="menu"> ～省略～ </div> <!-- メニュー終わり --> </div> <!-- コンテンツ終わり --> 【CSS部分】 /*---------- コンテンツ ----------*/ #container { width: 1000px; overflow: visible; margin: 0px; padding: 6px; background-color: #ffffff; } /*---------- メインコンテンツ ----------*/ #contents { float: right; margin: 0; padding: 5px 10px 5px 0; font-size: 12px; line-height: 180%; width: 1000px; letter-spacing: 1px; } #contents #pannavi { margin: 0; padding: 0 0 5px 0; font-size: 12px; } #contents h2 { height: 27px; margin: 0 0 4px 0; padding: 8px 0 0 20px; font-size: 12px; color: #333333; background-image: url(img/titlebar.gif); background-repeat: no-repeat; } #contents h3 { margin: 12px 5px 10px 6px; padding: 8px 10px 5px 13px; line-height: 110%; font-size: 13px; color: #444444; border-left: solid 5px #aaaaaa; background-color: #eeeeee; } #contents h19 { margin: 12px 5px 10px 6px; padding: 8px 10px 5px 13px; line-height: 110%; font-size: 13px; color: #444444; border-left: solid 5px #eeeeee; background-color: #eeeeee; } h4,h5 { font-size:18px; font-weight:bold; color:#7e603b; } h7 { font-size:10px; font-weight:lighter; color:#7e603b; } h8 { font-size:13px; font-weight:bold; color:#7e603b; } h9 { font-size:13px; font-weight:bold; color:#cccccc; } h10 { font-size:13px; font-weight:bold; color:#000000; } h11 { font-size:18px; color:#000000; } #contents p { margin: 3px 0 3px 0; padding: 0 5px 0 5px; line-height: 180%; font-size: 12px; } #contents a { color: #c9171e; font-size: 12px; } #contents a:hover { color: #e83929; font-size: 12px; } #contents img.head_photo { margin: 0 0 10px 50px; } #contents img.photo { float: left; margin: 10px 20px 0 0; } #contents img.picture { margin: 0 10px 10px 0; float: left; } #contents p.photo { margin: 0 0 20px 0; padding: 0; } table#t01 { border: solid 1px #999999; border-collapse: collapse; } td#t01 { border: solid 1px #999999; border-collapse: collapse; } td#head { padding: 7px 6px 5px 10px; border: solid 1px #999999; border-collapse: collapse; } table.table_line { border-collapse: collapse; margin : 10px 0 0 0; } td.table_line { border-collapse: collapse; padding : 9px 14px 7px 14px; border-bottom: solid 2px #fffffc; } どうか、ご教授お願いいたします。
- ベストアンサー
- CSS
- CSS backgroundが反映されません
CSS初心者です。 CSSレイアウトで問題にぶつかりました。 下記CSSをIE6で見るとbodyに書いた 「background-image:url(images/flower.png); 」が反映されません。 IE10では反映されました。 いったい何故でしょうか。。。 調べてみたのですがいまいち分かりませんでした。 よろしくお願いいたします。 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ * { margin:0; padding:0; } body { background-image:url(images/flower.png); background-repeat:no-repeat; background-position:bottom; background-attachment:fixed; background: rgb(#00000); color: rgb(76, 76, 76); } body{ text-align:center; } div#container { background-image:url(images/sora.jpg); background-repeat:no-repeat; box-shadow: 10px 10px 10px rgba(0,0,0,0.4); #000; box-shadow: 10px 10px 10px rgba(0,0,0,0.4); #000; } div#container{ width: 770px; margin: 0 auto; text-align: left; border: 3px solid rgb(228, 225, 219); } .photo{ margin: 0px; padding: 0px; left: 600px; top: 970px; width: 141px; position: absolute; } .photo2{ margin: 0px; padding: 0px; left: 400px; top: 970px; width: 141px; position: absolute; } p { line-height: 2em; font-size: 0.8em; } .p1{ font-weight: bold; letter-spacing: 0.1em; } .h1{ text-align: center; } h1 span { display:none; } h2 span { display:none; } h3 { line-height: 1.2em; padding-top: 2.4em; padding-bottom: 1em; font-size: 1em; font-weight: bold; } h3 { background-image:url(images/h3.png); background-repeat:no-repeat; background-position:0px 35px; padding-right: 40px; padding-left: 30px; } h2 { line-height: 1.3em; padding-top: 1em; padding-bottom: 1em; font-size: 1em; font-weight: bold; } a{ color:#0000ff; font-style:normal; text-decoration:underline; } a:link { color: rgb(90, 120, 255); font-style:normal; text-decoration:underline; } a:visited { color: rgb(165, 188, 255); text-decoration:underline; } a:hover { color:#ff0000; font-style:normal; text-decoration:underline; } acronym { border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; } #intro { padding: 0px 79px 0px 86px; } #participation p { padding-right: 40px; padding-left: 10px; } #intro { padding-top: 50px; } #preamble p { padding-right: 40px; padding-left: 15px; } #explanation p { padding-right: 40px; padding-left: 15px; } #preamble { padding-bottom: 20pt; border-bottom-color: rgb(228, 225, 219); border-bottom-width: 3px; border-bottom-style: ridge; } #explanation { padding-bottom: 20pt; border-bottom-color: rgb(228, 225, 219); border-bottom-width: 3px; border-bottom-style: ridge; } #participation { padding-bottom: 20pt; border-bottom-color: rgb(228, 225, 219); border-bottom-width: 3px; border-bottom-style: ridge; } #benefits { padding-bottom: 20pt; border-bottom-color: rgb(228, 225, 219); border-bottom-width: 3px; border-bottom-style: ridge; } #requirements { padding-bottom: 20pt; border-bottom-color: rgb(228, 225, 219); border-bottom-width: 3px; border-bottom-style: ridge; } #quickSummary p{ padding-right: 40px; padding-left: 10px; } #footer { text-align: center; line-height: 1.5em; padding-top: 10px; padding-bottom: 40px; font-size: 0.9em; } #footer a:link { color: rgb(133, 126, 112); } #footer a:visited { color: rgb(133, 126, 112); } #footer a:hover { color: rgb(133, 126, 112); } #footer a:active { color: rgb(133, 126, 112); }
- ベストアンサー
- CSS
お礼
ありがとうございました。 まだまだ勉強不足の私です。 勉強になりました。 テーブルの方はまだ解決策が見つからずです。 なんとか修正しようと思います。