- 締切済み
CSSファイル内のバグの原因
あるサイトのリニューアル中リンクバナーに指定したレイアウト用のCSSが急に機能しなくなり、原因がわかりません。同じCSSファイルを使用したページで共通したバグがj生じるのでCSSファイルが原因と思いチェックしたのですが、自分では原因を突き止められずにいます。サイトは、 http://www.vesta.dti.ne.jp にアップロードしています。問題のCSSファイルの対象と思われるソースをコピーしました。宜しくお願いいたします。バグの原因になる要素でご存知のものがあれば教えて下さい。 body{font-family: Arial,sans-serif;color: #333333;line-height: 1.166;margin: 0px;padding: 0px;background: #cccccc;background-color: #cccccc;} a:link, a:visited{color: #005FA9;text-decoration: none;} a:hover{text-decoration: underline;} h1{ font: bold 120% Arial,sans-serif;color: #334d55;margin: 0px; padding: 0px;} h2{font: bold 120% Arial,sans-serif;color: #006699;margin: 0px; padding: 0px;} h3{font: bold 100% Arial,sans-serif;color: #334d55;margin: 0px;padding: 0px;} h4{ font: 100% Arial,sans-serif;color: #333333;margin: 0px;padding: 0px;} h5{font: 100% Arial,sans-serif; color: #334d55;margin: 0px;padding: 0px;} form {margin: 0;padding: 0;}label{ font: bold 1em Arial,sans-serif;color: #334d55;}input{font-family: Arial,sans-serif;} #pagecell1{position:absolute;top: 112px;left: 2%;right:2%;width:85.6%;background-color: #ffffff;} #tl {position:absolute;top: -1px;left: -1px;margin: 0px;padding: 0px;z-index: 100;} #tr {position:absolute;top: -1px;right: -1px;margin: 0px;padding: 0px;z-index: 100;} #masthead{position: absolute;top: 0px;left: 2%;right: 2%;width:85.6%;} #pageNav{float: right;width:190px;padding: 0px;background-color: #f5f7f7;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font: small Verdana,sans-serif;} #content{padding: 0px 10px 0px 0px;margin:0px 190px 0px 0px; border-right: 1px solid #ccd2d2;} #siteName{margin: 0px;padding: 16px 0px 8px 0px;color: #ffffff;font-weight: normal;} #utility{font: 75% Verdana,sans-serif;position: absolute;top: 16px;right: 0px;color: #919999;} #utility a{color: #ffffff;} #utility a:hover{text-decoration: underline;} #pageName{padding: 0px 0px 14px 10px;margin: 0px;border-bottom:1px solid #ccd2d2;} #pageName h2{font: bold 165% "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";color: #336633;margin:0px;padding: 0px;} #pageName img{position: absolute;top: 0px;right: 6px;padding: 0px;margin: 0px;} #globalNav{position: relative;width: 100%;min-width: 640px;height: 32px;color: #cccccc;padding: 0px;margin: 0px;background-image:url(../commonimg/glbnav_background.gif);} #globalNav img{margin-bottom: -4px;} #gnl {position: absolute;top: 0px;left:0px;} #gnr {position: absolute;top: 0px;right:0px;} #globalLink{position: absolute;top: 6px;height: 22px;min-width: 640px;padding: 0px;margin: 0px;left: 10px;z-index: 100;} a.glink, a.glink:visited{font-size: small;color: #666666;font-weight: bold;margin: 0px;padding: 2px 5px 4px 5px;border-right: 1px solid #8FB8BC;} a.glink:hover{background-image:url(../commonimg/glblnav_selected.gif);text-decoration: none;} .skipLinks {display: none;} .subglobalNav{position: absolute;top: 84px;left: 0px;/*width: 100%;*/min-width: 640px;height: 20px;padding: 0px 0px 0px 10px;visibility: hidden;color: #ffffff;} .subglobalNav a:link, .subglobalNav a:visited{ font-size: 80%;color: #ffffcc;} .subglobalNav a:hover{color: #ffffcc;} #search{position: absolute;top: 5px;right: 10px;z-index: 101;} #search input{font-size: 70%;margin: 0px 0px 0px 10px; } #search a:link, #search a:visited {font-size: 80%;font-weight: bold;} #search a:hover{margin: 0px;}
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- tenderfeel
- ベストアンサー率56% (215/379)
cssの文字コードをHTMLと同じにしてみたらどうでしょうか。
補足
tenderfeelさん、回答ありがとうございました。返事がおそくなって申し訳ありませんでした。質問なのですが、文字コードはHTMLのソースでは、<HEAD>内に、文字コードを設定する<META>タグがありますが、CSSファイル内では、特に設定してません。CSSファイルでも文字コードを設定することができるのか知らないのですが、同じ文字コードにするというのはどうやったらいいのでしょうか？